html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    color: #686868;
    min-height: 100%;
    padding-bottom: 0;
    margin: 0;
    padding: 0 !important;
}

@media (min-width:992px) {
    body {
        background: #555;
    }
}

@media (max-width:992px) {
    body {
        margin-top: 100px;
    }
}

body.modal-open-noscroll {
    padding-right: 17px !important;
}

    body.modal-open-noscroll .navbar-top, body.modal-open-noscroll .qs-layout-menu, body.modal-open-noscroll .breadcrumbs.fixed {
        right: 17px;
    }

    body.modal-open-noscroll .back-to-top {
        right: 32px;
    }

h1, h2, h3, h4 {
    font-family: Roboto,sans-serif;
}

a {
    color: #4e72c2;
}

    a:hover, a:active, a:focus {
        color: #4e72c2;
    }

    a, a:visited, a:focus, a:active, a:hover {
        outline: 0 none !important;
    }

::-moz-focus-inner {
    border: 0 none;
    -moz-outline-style: none;
}

.page-header {
    margin: 30px 0 15px;
    border-bottom: 1px solid #e5e5e5;
}

    .page-header h1 {
        margin: 0;
        font-size: 26px;
    }

        .page-header h1 :before {
            content: "\f101";
            margin-right: 4px;
            font-family: FontAwesome;
            color: #4e72c2;
        }

    .page-header .sub-title {
        font-size: 60%;
        text-transform: none;
        color: #999;
    }

    .page-header.title {
        margin: 0 -15px 25px;
        border-bottom: 1px solid #e5e5e5;
        color: #414141;
        padding: 15px;
        background-color: #fff;
    }

@media (max-width:639px) {
    .page-header.title h1 {
        font-size: 21px;
    }
}

.breadcrumbs {
    position: relative;
    padding: 0 12px 0 0;
    min-height: 40px;
    line-height: 39px;
    background: #fff;
    margin: 0 -15px;
    border: 0 none;
    border-bottom: 1px solid #e5e5e5;
}

    .breadcrumbs > .breadcrumb {
        background-color: transparent;
        display: inline-block;
        line-height: 20px;
        margin: 5px 15px 0;
        padding: 0;
    }

        .breadcrumbs > .breadcrumb .active {
            color: #999;
            font-size: 13px;
        }

        .breadcrumbs > .breadcrumb a {
            color: #555;
            font-size: 13px;
        }

            .breadcrumbs > .breadcrumb a:hover, .breadcrumbs > .breadcrumb a:focus, .breadcrumbs > .breadcrumb a:active {
                color: #4e72c2;
                text-decoration: none;
            }

        .breadcrumbs > .breadcrumb > li:first-child :before {
            content: "\f015";
            margin-right: 4px;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: 400;
            font-size: 20px;
            vertical-align: top;
        }

        .breadcrumbs > .breadcrumb > li + li:before {
            content: "//\00a0";
            padding: 0 5px;
        }

    .breadcrumbs > .b-right {
        position: absolute;
        right: 15px;
        line-height: 20px;
        top: 0;
        margin: 0 -5px 0;
        padding: 0;
        border-left: 1px solid #e5e5e5;
    }

        .breadcrumbs > .b-right ul {
            list-style: none;
            padding-left: 0;
            margin: 0;
        }

            .breadcrumbs > .b-right ul li {
                float: left;
                padding: 0;
                border-right: 1px solid #e5e5e5;
                position: relative;
            }

                .breadcrumbs > .b-right ul li a {
                    padding: 6px 12px 5px;
                    line-height: 29px;
                    display: inline-block;
                    text-decoration: none;
                    color: #555;
                    font-size: 13px;
                }

                    .breadcrumbs > .b-right ul li a span {
                        color: #999;
                    }

                .breadcrumbs > .b-right ul li ul {
                    border-top: 0 none;
                }

                    .breadcrumbs > .b-right ul li ul li {
                        border: 0 none;
                        float: none;
                    }

                        .breadcrumbs > .b-right ul li ul li a {
                            line-height: normal;
                            display: block !important;
                            padding: 3px 11px;
                            color: #686868;
                        }

@media (min-width:992px) {
    .breadcrumbs.fixed {
        position: fixed;
        right: 0;
        left: 190px;
        z-index: 1024;
        margin: 0;
        top: 50px;
    }

        .breadcrumbs.fixed.collapsed {
            left: 0;
        }
}

#wrapper {
    width: 100%;
}

#main-container {
    background: #373737;
    padding: 0;
}

    #main-container div.row, #main-container ul.row {
        margin: 0 -7.5px;
    }

        #main-container div.row > [class*=col-], #main-container ul.row > [class*=col-] {
            padding: 0 7.5px;
        }

    #main-container:before {
        display: block;
        content: "";
        position: absolute;
        z-index: -2;
        width: 100%;
        max-width: inherit;
        bottom: 0;
        top: 0;
        background-color: #f5f5f5;
    }

@media (min-width:992px) {
    #main-container.container .breadcrumbs.fixed {
        left: auto;
        right: auto;
        width: 980px;
        margin: 0 -15px;
    }

    #main-container.container .breadcrumbs.collapsed {
        width: 1170px;
    }

    #main-container.container .footer .footer-inner {
        left: auto !important;
        right: auto !important;
        width: 950px;
    }

        #main-container.container .footer .footer-inner.collapsed {
            width: 1140px;
        }

        #main-container.container .footer .footer-inner .footer-content {
            left: -15px;
            right: -15px;
        }

    #main-container.container:before {
        width: inherit;
    }
}

@media (min-width:992px) and (max-width:1200px) {
    #main-container.container .breadcrumbs.fixed {
        left: auto;
        right: auto;
        width: 780px;
        margin: 0 -15px;
        top: 50px;
    }

    #main-container.container .breadcrumbs.collapsed {
        width: 970px;
    }

    #main-container.container .footer .footer-inner {
        left: auto !important;
        right: auto !important;
        width: 750px;
    }

        #main-container.container .footer .footer-inner.collapsed {
            width: 940px;
        }

        #main-container.container .footer .footer-inner .footer-content {
            left: -15px;
            right: -15px;
        }
}

#page-wrapper {
    padding: 0 15px;
    background-color: #f5f5f5;
    border: 0;
}

@media (min-width:992px) {
    #page-wrapper {
        margin: 50px 0 0 190px;
    }

        #page-wrapper.collapsed {
            margin: 50px 0 0;
        }

        #page-wrapper.fixed {
            margin: 90px 0 0 190px;
        }

            #page-wrapper.fixed.collapsed {
                margin: 90px 0 0;
            }
}

.footer {
    padding-top: 64px;
    height: 0;
    width: 0;
}

    .footer .footer-inner {
        position: absolute;
        z-index: auto;
        left: 0;
        right: 0;
        bottom: 0;
    }

        .footer .footer-inner .footer-content {
            position: absolute;
            border-top: 1px solid #e5e5e5;
            left: 0;
            right: 0;
            bottom: 0;
            padding: 8px 15px;
            line-height: 36px;
            background: #fff;
        }

@media (min-width:992px) {
    .footer .footer-inner {
        position: absolute;
        z-index: auto;
        left: 190px;
        right: 0;
        bottom: 0;
    }

        .footer .footer-inner.collapsed {
            left: 0;
        }
}

ol.breadcrumb li.pull-right:before {
    content: normal;
}

blockquote, .blockquote-reverse, blockquote.pull-right {
    border-color: #4e72c2;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .modal, .accordion-toggle:focus, .btn:focus {
    outline: 0;
}

.panel {
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .panel .panel-footer {
        background: #fff;
    }

    .panel.panel-default {
        border-color: #e5e5e5;
    }

.label, .badge {
    font-weight: 400;
    font-size: 11px;
}

[class*=" fa-"], [class^=fa-], [class*=" glyphicon-"], [class^=glyphicon-] {
    text-align: center;
}

.popover {
    width: auto;
    border-radius: 0;
}

.btn, .well, .label, .thumbnail, .panel-heading, .alert, .panel, .progress, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn, .list-group-item:first-child, .list-group-item:last-child, .form-control, .input-group-addon, .input-group-btn .btn, .dropdown-menu, .panel-group .panel, .panel-group .panel-heading, .pager li > a, .pager li > span, .breadcrumb, .nav-tabs > li > a, .nav-pills > li > a {
    border-radius: 0;
}

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        background-color: #4e72c2;
    }

a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus, .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #4e72c2;
    border-color: #4369be;
}

.nav-tabs, .nav-pills {
    margin-bottom: 10px;
}

    .nav-tabs .open > a, .nav-pills .open > a, .nav-tabs .open > a:hover, .nav-pills .open > a:hover, .nav-tabs .open > a:focus, .nav-pills .open > a:focus {
        border-color: #4e72c2;
    }

        .nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav-pills > li > a:hover, .nav-pills > li > a:focus, .nav-tabs .open > a, .nav-tabs .open > a:hover, .nav-tabs .open > a:focus, .nav-pills .open > a, .nav-pills .open > a:hover, .nav-pills .open > a:focus, .nav-tabs ul.dropdown-menu > li > a:hover, .nav-tabs ul.dropdown-menu > li > a:focus, .nav-pills ul.dropdown-menu > li > a:hover, .nav-pills ul.dropdown-menu > li > a:focus {
            background-color: #f2f2f2;
        }

.pagination > li > a, .pagination > li > span, .pagination > li:first-child > a, .pagination > li:first-child > span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    color: #4e72c2;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    color: #4e72c2;
}

.pagination > li > a:hover {
    color: #4e72c2;
}

.dropdown-menu {
    font-size: 13px;
}

.progress, .thumbnail, .panel-group, dl {
    margin-bottom: 15px;
}

.thumbnail {
    padding: 3px;
}

.modal-content {
    border-radius: 0;
    border: 0 none;
}

    .modal-content .modal-header {
        background-color: #f2f2f2;
    }

        .modal-content .modal-header .modal-title {
            font-size: 16px !important;
        }

        .modal-content .modal-header .close {
            outline: 0 none !important;
        }

    .modal-content .modal-footer {
        padding: 10px 15px;
        border-top-color: #e5e5e5;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #f2f2f2;
    }

.modal-open {
    overflow-y: auto !important;
}

.modal-open-noscroll {
    overflow-y: hidden !important;
}

.modal-open .datepicker, .modal-open .datetimepicker, .modal-open .select2-drop-mask, .modal-open .select2-drop, .modal-open .select2-search, .modal-open .colorpicker, .modal-open .daterangepicker, .modal-open .bootstrap-timepicker-widget {
    z-index: 1141 !important;
}

a.list-group-item .list-group-item-heading {
    color: #686868;
}

.navbar-top, .top-navbar {
    background-color: #373737;
    z-index: 1030;
}

    .navbar-top .navbar-brand, .top-navbar .navbar-brand {
        height: 50px;
    }

        .navbar-top .navbar-brand a, .top-navbar .navbar-brand a {
            color: #f2f2f2;
            font-size: 18px;
            display: inline-block;
        }

            .navbar-top .navbar-brand a:hover, .top-navbar .navbar-brand a:hover {
                color: #999;
                text-decoration: none;
            }

    .navbar-top .navbar-header, .top-navbar .navbar-header {
        background-color: #414141;
    }

    .navbar-top .navbar-toggle, .top-navbar .navbar-toggle {
        outline: 0;
        color: #f2f2f2;
        margin-top: 6px;
        margin-bottom: auto;
    }

        .navbar-top .navbar-toggle:hover, .top-navbar .navbar-toggle:hover {
            color: #999;
        }

    .navbar-top .dropdown-toggle, .top-navbar .dropdown-toggle {
        padding-top: 6px;
        padding-bottom: 4px;
    }

    .navbar-top .nav-top, .top-navbar .nav-top {
        margin: 0 10px;
        min-height: 50px;
    }

        .navbar-top .nav-top li > a, .top-navbar .nav-top li > a {
            font-size: 13px;
        }

    .navbar-top > .nav-top > .nav > li, .top-navbar > .nav-top > .nav > li, .navbar-top > .container > .nav-top > .nav > li, .top-navbar > .container > .nav-top > .nav > li {
        display: inline-block;
        float: left;
    }

        .navbar-top > .nav-top > .nav > li > a, .top-navbar > .nav-top > .nav > li > a, .navbar-top > .container > .nav-top > .nav > li > a, .top-navbar > .container > .nav-top > .nav > li > a {
            height: 50px;
            padding-top: 18px;
            color: #fff;
        }

            .navbar-top > .nav-top > .nav > li > a:hover, .top-navbar > .nav-top > .nav > li > a:hover, .navbar-top > .container > .nav-top > .nav > li > a:hover, .top-navbar > .container > .nav-top > .nav > li > a:hover, .navbar-top > .nav-top > .nav > li > a:focus, .top-navbar > .nav-top > .nav > li > a:focus, .navbar-top > .container > .nav-top > .nav > li > a:focus, .top-navbar > .container > .nav-top > .nav > li > a:focus {
                color: #fff;
                background-color: transparent;
            }

    .navbar-top > .nav-top > ul.navbar-right > li.user-box, .top-navbar > .nav-top > ul.navbar-right > li.user-box, .navbar-top > .container > .nav-top > ul.navbar-right > li.user-box, .top-navbar > .container > .nav-top > ul.navbar-right > li.user-box, .navbar-top > .nav-top > ul.navbar-right > li.nav-search-icon, .top-navbar > .nav-top > ul.navbar-right > li.nav-search-icon, .navbar-top > .container > .nav-top > ul.navbar-right > li.nav-search-icon, .top-navbar > .container > .nav-top > ul.navbar-right > li.nav-search-icon, .navbar-top > .nav-top > ul.navbar-right > li.user-box-no-images, .top-navbar > .nav-top > ul.navbar-right > li.user-box-no-images, .navbar-top > .container > .nav-top > ul.navbar-right > li.user-box-no-images, .top-navbar > .container > .nav-top > ul.navbar-right > li.user-box-no-images {
        float: right !important;
    }

@media (min-width:992px) {
    .navbar-top > .nav-top > ul.navbar-right > li.user-box, .top-navbar > .nav-top > ul.navbar-right > li.user-box, .navbar-top > .container > .nav-top > ul.navbar-right > li.user-box, .top-navbar > .container > .nav-top > ul.navbar-right > li.user-box {
        background-color: #2a2a2a;
        border: 1px solid rgba(0,0,0,.2);
        border-width: 0 1px;
    }
}

.navbar-top > .nav-top > ul.navbar-right > li.user-box img, .top-navbar > .nav-top > ul.navbar-right > li.user-box img, .navbar-top > .container > .nav-top > ul.navbar-right > li.user-box img, .top-navbar > .container > .nav-top > ul.navbar-right > li.user-box img {
    border: 2px solid #fff;
    width: 36px;
    height: 36px;
    max-height: 36px;
    max-width: 36px;
}

.navbar-top > .nav-top > ul.navbar-right > li.user-box > a, .top-navbar > .nav-top > ul.navbar-right > li.user-box > a, .navbar-top > .container > .nav-top > ul.navbar-right > li.user-box > a, .top-navbar > .container > .nav-top > ul.navbar-right > li.user-box > a {
    padding-top: 7.5px !important;
}

.navbar-top .dropdown-messages, .top-navbar .dropdown-messages, .navbar-top .dropdown-alerts, .top-navbar .dropdown-alerts, .navbar-top .dropdown-tasks, .top-navbar .dropdown-tasks {
    width: 260px;
}

    .navbar-top .dropdown-messages li:first-child, .top-navbar .dropdown-messages li:first-child, .navbar-top .dropdown-alerts li:first-child, .top-navbar .dropdown-alerts li:first-child, .navbar-top .dropdown-tasks li:first-child, .top-navbar .dropdown-tasks li:first-child {
        border-top: 2px solid transparent !important;
    }

    .navbar-top .dropdown-messages li a:hover, .top-navbar .dropdown-messages li a:hover, .navbar-top .dropdown-alerts li a:hover, .top-navbar .dropdown-alerts li a:hover, .navbar-top .dropdown-tasks li a:hover, .top-navbar .dropdown-tasks li a:hover, .navbar-top .dropdown-messages li a:focus, .top-navbar .dropdown-messages li a:focus, .navbar-top .dropdown-alerts li a:focus, .top-navbar .dropdown-alerts li a:focus, .navbar-top .dropdown-tasks li a:focus, .top-navbar .dropdown-tasks li a:focus {
        background-color: #f5f5f5 !important;
        color: #686868 !important;
    }

    .navbar-top .dropdown-messages li.dropdown-header, .top-navbar .dropdown-messages li.dropdown-header, .navbar-top .dropdown-alerts li.dropdown-header, .top-navbar .dropdown-alerts li.dropdown-header, .navbar-top .dropdown-tasks li.dropdown-header, .top-navbar .dropdown-tasks li.dropdown-header {
        border-top: 2px solid #4e72c2 !important;
    }

    .navbar-top .dropdown-messages .dropdown-header, .top-navbar .dropdown-messages .dropdown-header, .navbar-top .dropdown-alerts .dropdown-header, .top-navbar .dropdown-alerts .dropdown-header, .navbar-top .dropdown-tasks .dropdown-header, .top-navbar .dropdown-tasks .dropdown-header, .navbar-top .dropdown-messages .dropdown-header:hover, .top-navbar .dropdown-messages .dropdown-header:hover, .navbar-top .dropdown-alerts .dropdown-header:hover, .top-navbar .dropdown-alerts .dropdown-header:hover, .navbar-top .dropdown-tasks .dropdown-header:hover, .top-navbar .dropdown-tasks .dropdown-header:hover {
        background: #fff !important;
        color: #686868;
    }

        .navbar-top .dropdown-messages .dropdown-header:hover, .top-navbar .dropdown-messages .dropdown-header:hover, .navbar-top .dropdown-alerts .dropdown-header:hover, .top-navbar .dropdown-alerts .dropdown-header:hover, .navbar-top .dropdown-tasks .dropdown-header:hover, .top-navbar .dropdown-tasks .dropdown-header:hover, .navbar-top .dropdown-messages .dropdown-header:hover:hover, .top-navbar .dropdown-messages .dropdown-header:hover:hover, .navbar-top .dropdown-alerts .dropdown-header:hover:hover, .top-navbar .dropdown-alerts .dropdown-header:hover:hover, .navbar-top .dropdown-tasks .dropdown-header:hover:hover, .top-navbar .dropdown-tasks .dropdown-header:hover:hover {
            color: #686868;
        }

    .navbar-top .dropdown-messages .dropdown-footer, .top-navbar .dropdown-messages .dropdown-footer, .navbar-top .dropdown-alerts .dropdown-footer, .top-navbar .dropdown-alerts .dropdown-footer, .navbar-top .dropdown-tasks .dropdown-footer, .top-navbar .dropdown-tasks .dropdown-footer, .navbar-top .dropdown-messages .dropdown-footer a, .top-navbar .dropdown-messages .dropdown-footer a, .navbar-top .dropdown-alerts .dropdown-footer a, .top-navbar .dropdown-alerts .dropdown-footer a, .navbar-top .dropdown-tasks .dropdown-footer a, .top-navbar .dropdown-tasks .dropdown-footer a, .navbar-top .dropdown-messages .dropdown-footer a:hover, .top-navbar .dropdown-messages .dropdown-footer a:hover, .navbar-top .dropdown-alerts .dropdown-footer a:hover, .top-navbar .dropdown-alerts .dropdown-footer a:hover, .navbar-top .dropdown-tasks .dropdown-footer a:hover, .top-navbar .dropdown-tasks .dropdown-footer a:hover, .navbar-top .dropdown-messages .dropdown-footer:hover, .top-navbar .dropdown-messages .dropdown-footer:hover, .navbar-top .dropdown-alerts .dropdown-footer:hover, .top-navbar .dropdown-alerts .dropdown-footer:hover, .navbar-top .dropdown-tasks .dropdown-footer:hover, .top-navbar .dropdown-tasks .dropdown-footer:hover {
        color: #fff !important;
        background: #4e72c2 !important;
    }

.navbar-top .dropdown-messages, .top-navbar .dropdown-messages {
    left: 0;
}

.navbar-top .dropdown-alerts, .top-navbar .dropdown-alerts {
    left: -45px;
}

.navbar-top .dropdown-tasks, .top-navbar .dropdown-tasks {
    left: -90px;
}

    .navbar-top .dropdown-tasks .progress, .top-navbar .dropdown-tasks .progress {
        margin-bottom: 5px;
        height: 10px;
        min-height: 10px;
    }

.navbar-top .dropdown-user, .top-navbar .dropdown-user, .navbar-top .dropdown-search, .top-navbar .dropdown-search {
    left: auto;
    right: 0 !important;
    margin: 0;
}

    .navbar-top .dropdown-user [class*=fa-], .top-navbar .dropdown-user [class*=fa-], .navbar-top .dropdown-search [class*=fa-], .top-navbar .dropdown-search [class*=fa-], .navbar-top .dropdown-user [class*=glyphicon-], .top-navbar .dropdown-user [class*=glyphicon-], .navbar-top .dropdown-search [class*=glyphicon-], .top-navbar .dropdown-search [class*=glyphicon-] {
        font-size: 13px;
    }

.navbar-top .dropdown-scroll, .top-navbar .dropdown-scroll {
    padding: 0;
    margin: 0;
}

    .navbar-top .dropdown-scroll .dropdown-header, .top-navbar .dropdown-scroll .dropdown-header {
        padding: 10px;
    }

        .navbar-top .dropdown-scroll .dropdown-header:active, .top-navbar .dropdown-scroll .dropdown-header:active, .navbar-top .dropdown-scroll .dropdown-header:focus, .top-navbar .dropdown-scroll .dropdown-header:focus, .navbar-top .dropdown-scroll .dropdown-header:hover, .top-navbar .dropdown-scroll .dropdown-header:hover {
            background: inherit;
            color: inherit;
        }

    .navbar-top .dropdown-scroll li, .top-navbar .dropdown-scroll li {
        background: #fff;
        margin: 0;
        border-bottom: 1px dotted #e5e5e5;
    }

        .navbar-top .dropdown-scroll li:last-child, .top-navbar .dropdown-scroll li:last-child {
            border-bottom: 0 none;
        }

        .navbar-top .dropdown-scroll li a, .top-navbar .dropdown-scroll li a {
            display: block;
            padding: 10px;
        }

            .navbar-top .dropdown-scroll li a:hover, .top-navbar .dropdown-scroll li a:hover {
                text-decoration: none;
                background-color: inherit;
            }

    .navbar-top .dropdown-scroll .dropdown-footer, .top-navbar .dropdown-scroll .dropdown-footer {
        border-bottom: 0 none;
        display: block;
        font-size: 11px;
        text-align: center;
    }

        .navbar-top .dropdown-scroll .dropdown-footer a:after, .top-navbar .dropdown-scroll .dropdown-footer a:after {
            content: "\f101";
            margin-left: 4px;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: 400;
        }

    .navbar-top .dropdown-scroll p, .top-navbar .dropdown-scroll p {
        margin: 0 0 0 10px;
        font-size: 12px;
    }

        .navbar-top .dropdown-scroll p.small, .top-navbar .dropdown-scroll p.small {
            color: #999;
            margin-top: 3px;
            font-size: 11px;
        }

    .navbar-top .dropdown-scroll [class*=fa-], .top-navbar .dropdown-scroll [class*=fa-], .navbar-top .dropdown-scroll [class*=glyphicon-], .top-navbar .dropdown-scroll [class*=glyphicon-] {
        font-size: 13px;
    }

    .navbar-top .dropdown-scroll li a, .top-navbar .dropdown-scroll li a, .navbar-top .dropdown-scroll li a:hover, .top-navbar .dropdown-scroll li a:hover, .navbar-top .dropdown-messages li a:hover, .top-navbar .dropdown-messages li a:hover, .navbar-top .dropdown-alerts li a:hover, .top-navbar .dropdown-alerts li a:hover, .navbar-top .dropdown-tasks li a:hover, .top-navbar .dropdown-tasks li a:hover {
        color: #686868;
    }

.navbar-top .alert-icon, .top-navbar .alert-icon {
    color: #fff;
    text-align: center;
    width: 25px;
    margin-right: 5px;
}

.navbar-top .badge.up, .top-navbar .badge.up {
    position: absolute;
    font-size: 11px;
    top: 10px;
    right: 20px;
}

.navbar-top [class*=fa-], .top-navbar [class*=fa-], .navbar-top [class*=glyphicon-], .top-navbar [class*=glyphicon-] {
    font-size: 15px;
}

.navbar-top .user-info, .top-navbar .user-info {
    padding-left: 2px;
}

.navbar-top .search-box, .top-navbar .search-box {
    width: auto;
    padding: 5px 10px;
}

.navbar-top .navbar-right, .top-navbar .navbar-right {
    margin-right: 0;
}

    .navbar-top .navbar-right .navbar-toggle, .top-navbar .navbar-right .navbar-toggle {
        margin-right: 0;
        color: #fff;
    }

        .navbar-top .navbar-right .navbar-toggle .fa, .top-navbar .navbar-right .navbar-toggle .fa, .navbar-top .navbar-right .navbar-toggle .glyphicon, .top-navbar .navbar-right .navbar-toggle .glyphicon {
            font-size: 13px !important;
        }

@media (min-width:481px) {
    .navbar-top .navbar-right .navbar-toggle :after, .top-navbar .navbar-right .navbar-toggle :after {
        content: "Side Menu" !important;
        margin-left: 4px;
        font-family: 'Open Sans',sans-serif;
        font-style: normal;
    }
}

.navbar-top .navbar-left > li.dropdown > .dropdown-menu:after, .top-navbar .navbar-left > li.dropdown > .dropdown-menu:after, .navbar-top .navbar-right > li.dropdown > .dropdown-menu:after, .top-navbar .navbar-right > li.dropdown > .dropdown-menu:after {
    top: -8px;
    width: 0;
    height: 0;
    z-index: 2;
    content: " ";
    display: block;
    position: absolute;
    border-bottom: 8px solid #4e72c2;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

.navbar-top .navbar-left > li.dropdown > .dropdown-menu:after, .top-navbar .navbar-left > li.dropdown > .dropdown-menu:after {
    left: 8px;
}

.navbar-top .navbar-right > li.dropdown > .dropdown-menu:after, .top-navbar .navbar-right > li.dropdown > .dropdown-menu:after {
    right: 8px;
}

.navbar-top .navbar-right > li.dropdown > .dropdown-scroll:after, .top-navbar .navbar-right > li.dropdown > .dropdown-scroll:after {
    right: 8px;
}

@media (max-width:992px) {
    .navbar-top .navbar-right > li.dropdown > .dropdown-scroll:after, .top-navbar .navbar-right > li.dropdown > .dropdown-scroll:after {
        left: 8px;
    }

    .navbar-top .navbar-left > li.dropdown > .dropdown-menu:after, .top-navbar .navbar-left > li.dropdown > .dropdown-menu:after {
        display: none;
    }

    .navbar-top .navbar-right > li.dropdown > .dropdown-scroll:after, .top-navbar .navbar-right > li.dropdown > .dropdown-scroll:after {
        display: none;
    }
}

.navbar-top.container {
    padding-left: 0;
    padding-right: 0;
}

    .navbar-top.container .nav-top {
        margin: 0 10px;
        min-height: 50px;
    }

    .navbar-top.container .navbar-header {
        margin: 0;
    }

@media (max-width:480px) {
    .navbar-top .user-info {
        display: none;
    }

    .navbar-top .user-box {
        margin: 0 -15px;
    }

        .navbar-top .user-box .caret {
            display: none;
        }

    .navbar-top .dropdown-user, .navbar-top .dropdown-search {
        right: 15px !important;
    }
}

@media (min-width:992px) {
    .navbar-top {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        border-radius: 0;
        max-height: 50px;
    }

        .navbar-top .navbar-header {
            width: 190px;
            background-color: transparent;
        }

            .navbar-top .navbar-header.collapsed {
                background-color: transparent;
            }

        .navbar-top .navbar-left {
            display: inherit;
        }

        .navbar-top #sidebar-toggle {
            display: inline-block;
        }

        .navbar-top .dropdown-messages, .navbar-top .dropdown-alerts, .navbar-top .dropdown-tasks, .navbar-top .dropdown-user {
            left: inherit;
        }

        .navbar-top .dropdown-scroll li a:hover {
            text-decoration: none;
        }

        .navbar-top .search-box {
            min-width: 190px;
        }

        .navbar-top .nav-top {
            text-align: inherit;
        }

            .navbar-top .nav-top .navbar-left.navbar-nav > li {
                background-color: #2a2a2a;
                border: 1px solid rgba(0,0,0,.2);
                border-width: 0 1px 0 0;
            }

                .navbar-top .nav-top .navbar-left.navbar-nav > li:first-child {
                    border-width: 0 1px !important;
                }
}

.navbar-top .nav-top .navbar-nav > li > a, .top-navbar .nav-top .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    color: #fff;
}

    .navbar-top .nav-top .navbar-nav > li > a:hover, .top-navbar .nav-top .navbar-nav > li > a:hover, .navbar-top .nav-top .navbar-nav > li > a:focus, .top-navbar .nav-top .navbar-nav > li > a:focus {
        background-color: transparent !important;
        color: #fff;
    }

.navbar-top .nav-top .navbar-nav > li.open > a, .top-navbar .nav-top .navbar-nav > li.open > a, .navbar-top .nav-top .navbar-nav > li.open > a:hover, .top-navbar .nav-top .navbar-nav > li.open > a:hover, .navbar-top .nav-top .navbar-nav > li.open > a:focus, .top-navbar .nav-top .navbar-nav > li.open > a:focus, .navbar-top .nav-top .navbar-right > li.open > a, .top-navbar .nav-top .navbar-right > li.open > a, .navbar-top .nav-top .navbar-right > li.open > a:hover, .top-navbar .nav-top .navbar-right > li.open > a:hover, .navbar-top .nav-top .navbar-right > li.open > a:focus, .top-navbar .nav-top .navbar-right > li.open > a:focus {
    background-color: transparent !important;
}

@media (max-width:992px) {
    .navbar-top, .top-navbar {
        position: fixed;
        right: 0;
        left: 0;
        top: 0;
    }

        .navbar-top .navbar-nav, .top-navbar .navbar-nav {
            margin: 7.5px 0;
        }

        .navbar-top .nav-top .navbar-nav > li > a, .top-navbar .nav-top .navbar-nav > li > a {
            padding: 10px 0;
        }

        .navbar-top .nav-top .navbar-nav .open .dropdown-menu > li > a, .top-navbar .nav-top .navbar-nav .open .dropdown-menu > li > a {
            color: #fff;
            font-size: 12px;
            padding: 5px 15px;
        }

            .navbar-top .nav-top .navbar-nav .open .dropdown-menu > li > a:hover, .top-navbar .nav-top .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-top .nav-top .navbar-nav .open .dropdown-menu > li > a:focus, .top-navbar .nav-top .navbar-nav .open .dropdown-menu > li > a:focus {
                color: #fff;
                background-color: transparent !important;
            }

        .navbar-top .nav-top .navbar-left.navbar-nav > li .dropdown-menu li, .top-navbar .nav-top .navbar-left.navbar-nav > li .dropdown-menu li {
            border: 0 none;
        }
}

.navbar-side {
    background: #373737;
    width: 190px;
    border: 1px solid #2f2f2f;
    border-width: 0 1px 0 0;
}

    .navbar-side .navbar-collapse {
        border: 0;
        padding: 0;
        overflow: hidden !important;
        height: inherit !important;
    }

    .navbar-side .side-nav {
        border-radius: 0;
        border: 0;
        float: none;
    }

        .navbar-side .side-nav li {
            border-bottom: 1px solid #2f2f2f;
            float: none;
        }

            .navbar-side .side-nav li > a {
                color: #fff;
                background-color: #373737;
                outline: 0;
                padding: 10px;
                text-shadow: none !important;
                display: block;
                -webkit-transition: all .3s ease;
                -o-transition: all .3s ease;
                transition: all .3s ease;
                font-size: 13px;
            }

                .navbar-side .side-nav li > a .fa, .navbar-side .side-nav li > a .glyphicon {
                    font-size: 13px;
                    color: #666;
                }

                .navbar-side .side-nav li > a .fa {
                    min-width: 20px;
                }

                .navbar-side .side-nav li > a .glyphicon {
                    min-width: 21px;
                }

                .navbar-side .side-nav li > a.active {
                    border-color: #4e72c2;
                    color: #fff;
                }

                    .navbar-side .side-nav li > a.active .fa, .navbar-side .side-nav li > a.active .glyphicon {
                        color: #fff;
                    }

                    .navbar-side .side-nav li > a.active:after {
                        display: block;
                        content: "";
                        position: absolute !important;
                        right: 0;
                        top: 4px;
                        border-color: transparent #4e72c2 transparent transparent;
                        border-width: 16px 10px;
                        border-style: solid;
                    }

                    .navbar-side .side-nav li > a.active:hover, .navbar-side .side-nav li > a.active:focus {
                        border-color: #4e72c2;
                    }

            .navbar-side .side-nav li > a, .navbar-side .side-nav li a:hover, .navbar-side .side-nav li a:focus, .navbar-side .side-nav li a:active {
                border-left: 3px solid transparent;
                border-right: 3px solid transparent;
            }

                .navbar-side .side-nav li > a:hover, .navbar-side .side-nav li > a:focus, .navbar-side .side-nav li a:active {
                    background: #414141;
                }

            .navbar-side .side-nav li.panel {
                border-width: 0 0 1px;
                margin: 0;
                border-radius: 0;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

                .navbar-side .side-nav li.panel ul li {
                    border-top: 0;
                    border-bottom: 0;
                }

                    .navbar-side .side-nav li.panel ul li a {
                        color: #666;
                        background-color: transparent;
                    }

                        .navbar-side .side-nav li.panel ul li a.active {
                            color: #fff;
                        }

                        .navbar-side .side-nav li.panel ul li a:hover, .navbar-side .side-nav li.panel ul li a:focus, .navbar-side .side-nav li.panel ul li a:active {
                            color: #fff;
                            background-color: #3a3a3a;
                        }

                .navbar-side .side-nav li.panel.open a {
                    background-color: #2f2f2f;
                }

                    .navbar-side .side-nav li.panel.open a, .navbar-side .side-nav li.panel.open a:hover, .navbar-side .side-nav li.panel.open a:focus, .navbar-side .side-nav li.panel.open a:active {
                        border-right: 3px solid #4e72c2;
                        border-left: 3px solid transparent;
                    }

                        .navbar-side .side-nav li.panel.open a:hover, .navbar-side .side-nav li.panel.open a:focus, .navbar-side .side-nav li.panel.open a:active {
                            background: #414141;
                        }

                .navbar-side .side-nav li.panel.open .fa, .navbar-side .side-nav li.panel.open .glyphicon {
                    color: #fff;
                }

                .navbar-side .side-nav li.panel.open li .fa, .navbar-side .side-nav li.panel.open li .glyphicon {
                    color: #666;
                }

        .navbar-side .side-nav .arrow {
            float: right;
            text-align: center;
            margin-top: 3px;
        }

        .navbar-side .side-nav .fa.arrow:before {
            content: "\f104";
        }

        .navbar-side .side-nav .open > a > .fa.arrow:before {
            content: "\f107";
        }

        .navbar-side .side-nav .badge, .navbar-side .side-nav .label {
            position: absolute;
            top: 11px;
            right: 15px;
        }

        .navbar-side .side-nav a.accordion-toggle .badge, .navbar-side .side-nav a.accordion-toggle .label {
            right: 30px;
        }

        .navbar-side .side-nav .nav {
            background: #2f2f2f;
        }

            .navbar-side .side-nav .nav > li > a {
                padding: 10px 7.5px;
            }

    .navbar-side > h4, .navbar-side h4 {
        text-transform: uppercase;
        padding: 10px;
        font-size: 13px;
        margin: 10px 0 0;
        color: #666;
    }

        .navbar-side > h4:after, .navbar-side h4:after {
            content: "\f103";
            margin-left: 4px;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: 400;
        }

    .navbar-side .media {
        padding: 1px 0 2px;
    }

        .navbar-side .media .sidebar-shortcuts {
            display: block;
            text-align: center;
            padding: 4px 0;
            list-style: none;
            margin-bottom: 0;
        }

            .navbar-side .media .sidebar-shortcuts li {
                display: inline-block;
            }

                .navbar-side .media .sidebar-shortcuts li .btn {
                    padding: 3px 13px;
                    background: 0 0;
                    border-color: #2f2f2f;
                    -webkit-transition: all .3s ease;
                    -o-transition: all .3s ease;
                    transition: all .3s ease;
                }

                    .navbar-side .media .sidebar-shortcuts li .btn:hover, .navbar-side .media .sidebar-shortcuts li .btn:focus {
                        background-color: #414141;
                    }

                        .navbar-side .media .sidebar-shortcuts li .btn:hover .fa, .navbar-side .media .sidebar-shortcuts li .btn:focus .fa {
                            color: #fff;
                        }

            .navbar-side .media .sidebar-shortcuts a .fa {
                color: #666;
            }

    .navbar-side .media-search {
        padding: 4px 10px;
    }

        .navbar-side .media-search .input-menu {
            border: 1px solid #2f2f2f;
            font-size: 12px;
            color: #999;
            width: 100%;
            background-color: #414141 !important;
            margin: 4px 0;
        }

    .navbar-side .sidebar-labels ul {
        padding-left: 10px;
    }

        .navbar-side .sidebar-labels ul li {
            list-style: none;
            margin-top: 10px;
        }

            .navbar-side .sidebar-labels ul li a {
                color: #fff;
                font-size: 13px;
            }

                .navbar-side .sidebar-labels ul li a:hover, .navbar-side .sidebar-labels ul li a:focus {
                    text-decoration: none;
                }

                .navbar-side .sidebar-labels ul li a .fa, .navbar-side .sidebar-labels ul li a .glyphicon {
                    color: #bababa;
                }

                .navbar-side .sidebar-labels ul li a .badge, .navbar-side .sidebar-labels ul li a .label {
                    float: right;
                    margin-right: 15px;
                }

    .navbar-side .sidebar-alerts .alert {
        padding: 15px 15px 15px 10px;
    }

        .navbar-side .sidebar-alerts .alert .close {
            text-shadow: none;
            color: #fff;
            opacity: .5;
            filter: alpha(opacity=50);
        }

        .navbar-side .sidebar-alerts .alert span {
            color: #bababa;
            font-size: 13px;
        }

    .navbar-side .media, .navbar-side .media-search, .navbar-side .sidebar-labels {
        border-bottom: 1px solid #2f2f2f;
    }

    .navbar-side.sidebar-light {
        background: #fff;
        border: 1px solid #e5e5e5;
    }

        .navbar-side.sidebar-light .side-nav li {
            border-bottom: 1px solid #e5e5e5;
        }

            .navbar-side.sidebar-light .side-nav li > a {
                color: #5e5e5e;
                background-color: #fff;
            }

                .navbar-side.sidebar-light .side-nav li > a .fa, .navbar-side.sidebar-light .side-nav li > a .glyphicon {
                    color: #565656;
                }

                .navbar-side.sidebar-light .side-nav li > a.active {
                    color: #4e72c2;
                }

                    .navbar-side.sidebar-light .side-nav li > a.active .fa, .navbar-side.sidebar-light .side-nav li > a.active .glyphicon {
                        color: #4e72c2;
                    }

                .navbar-side.sidebar-light .side-nav li > a:hover, .navbar-side.sidebar-light .side-nav li > a:focus, .navbar-side.sidebar-light .side-nav li a:active {
                    background: #fff;
                }

            .navbar-side.sidebar-light .side-nav li.panel ul li a {
                color: #5e5e5e;
            }

                .navbar-side.sidebar-light .side-nav li.panel ul li a.active {
                    color: #4e72c2;
                }

                .navbar-side.sidebar-light .side-nav li.panel ul li a:hover, .navbar-side.sidebar-light .side-nav li.panel ul li a:focus, .navbar-side.sidebar-light .side-nav li.panel ul li a:active {
                    color: #5e5e5e;
                    background-color: #fff;
                }

            .navbar-side.sidebar-light .side-nav li.panel.open a {
                background-color: #f2f2f2;
            }

                .navbar-side.sidebar-light .side-nav li.panel.open a:hover, .navbar-side.sidebar-light .side-nav li.panel.open a:focus, .navbar-side.sidebar-light .side-nav li.panel.open a:active {
                    background: #fff;
                }

            .navbar-side.sidebar-light .side-nav li.panel.open .fa, .navbar-side.sidebar-light .side-nav li.panel.open .glyphicon {
                color: #5e5e5e;
            }

            .navbar-side.sidebar-light .side-nav li.panel.open li .fa, .navbar-side.sidebar-light .side-nav li.panel.open li .glyphicon {
                color: #565656;
            }

        .navbar-side.sidebar-light .side-nav .nav {
            background: #f2f2f2;
        }

        .navbar-side.sidebar-light > h4, .navbar-side.sidebar-light h4 {
            color: #191919;
        }

        .navbar-side.sidebar-light .media .sidebar-shortcuts {
            margin-bottom: -1px;
        }

            .navbar-side.sidebar-light .media .sidebar-shortcuts li .btn {
                border-color: #e5e5e5;
            }

                .navbar-side.sidebar-light .media .sidebar-shortcuts li .btn:hover, .navbar-side.sidebar-light .media .sidebar-shortcuts li .btn:focus {
                    background-color: #fff;
                }

                    .navbar-side.sidebar-light .media .sidebar-shortcuts li .btn:hover .fa, .navbar-side.sidebar-light .media .sidebar-shortcuts li .btn:focus .fa {
                        color: #5e5e5e;
                    }

            .navbar-side.sidebar-light .media .sidebar-shortcuts a .fa {
                color: #565656;
            }

        .navbar-side.sidebar-light .media-search .input-menu {
            border: 1px solid #e5e5e5;
            background-color: #fff !important;
        }

        .navbar-side.sidebar-light .sidebar-labels ul li {
            list-style: none;
        }

            .navbar-side.sidebar-light .sidebar-labels ul li a {
                color: #5e5e5e;
            }

                .navbar-side.sidebar-light .sidebar-labels ul li a .fa, .navbar-side.sidebar-light .sidebar-labels ul li a .glyphicon {
                    color: #191919;
                }

        .navbar-side.sidebar-light .sidebar-alerts .alert .close {
            color: #5e5e5e;
        }

        .navbar-side.sidebar-light .sidebar-alerts .alert span {
            color: #191919;
        }

        .navbar-side.sidebar-light .media, .navbar-side.sidebar-light .media-search, .navbar-side.sidebar-light .sidebar-labels {
            border-bottom: 1px solid #e5e5e5;
        }

@media (min-width:992px) {
    .navbar-side {
        position: absolute;
        border-radius: 0;
        bottom: 0;
        top: 50px;
    }

        .navbar-side.collapsed {
            display: none;
        }

        .navbar-side.fixed {
            position: fixed;
            z-index: 1027;
        }
}

@media (max-width:992px) {
    .navbar-side {
        position: fixed;
        margin: 0;
        z-index: 1027;
    }

        .navbar-side .navbar-nav {
            margin: 0;
        }
}

@media (min-width:992px) {
    .navbar-top.fixed {
        position: fixed;
    }
}

.space {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
}

.space-32 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 32px 0 31px;
}

.space-30 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 30px 0 29px;
}

.space-28 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 28px 0 27px;
}

.space-26 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 26px 0 25px;
}

.space-24 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 24px 0 23px;
}

.space-22 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 22px 0 21px;
}

.space-20 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 20px 0 19px;
}

.space-18 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 18px 0 17px;
}

.space-16 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 16px 0 15px;
}

.space-14 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 14px 0 13px;
}

.space-12 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 12px 0 11px;
}

.space-10 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 10px 0 9px;
}

.space-8 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 8px 0 7px;
}

.space-6 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 6px 0 5px;
}

.space-4 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 4px 0 3px;
}

.space-2 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 2px 0 1px;
}

.hr {
    display: block;
    height: 0;
    overflow: hidden;
    font-size: 0;
    border-top: 1px solid #e5e5e5;
    margin: 12px 0;
}

.hr-double {
    height: 3px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.hr.dotted, .hr-dotted {
    border-top-style: dotted;
}

.hr-double.dotted {
    border-bottom-style: dotted;
}

.hr-32, .hr32 {
    margin: 32px 0;
}

.hr-30, .hr30 {
    margin: 30px 0;
}

.hr-28, .hr28 {
    margin: 28px 0;
}

.hr-26, .hr26 {
    margin: 26px 0;
}

.hr-24, .hr24 {
    margin: 24px 0;
}

.hr-22, .hr22 {
    margin: 22px 0;
}

.hr-20, .hr20 {
    margin: 20px 0;
}

.hr-18, .hr18 {
    margin: 18px 0;
}

.hr-16, .hr16 {
    margin: 16px 0;
}

.hr-14, .hr14 {
    margin: 14px 0;
}

.hr-12, .hr12 {
    margin: 12px 0;
}

.hr-10, .hr10 {
    margin: 10px 0;
}

.hr-8, .hr8 {
    margin: 8px 0;
}

.hr-6, .hr6 {
    margin: 6px 0;
}

.hr-4, .hr4 {
    margin: 4px 0;
}

.hr-2, .hr2 {
    margin: 2px 0;
}

hr.separator {
    clear: both;
    margin-top: 10px;
    margin-bottom: 13px;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.15),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.15),rgba(0,0,0,0));
    background-image: -ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.15),rgba(0,0,0,0));
    background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.15),rgba(0,0,0,0));
}

.bigger-110 {
    font-size: 110%;
}

.bigger-120 {
    font-size: 120%;
}

.bigger-130 {
    font-size: 130%;
}

.bigger-140 {
    font-size: 140%;
}

.bigger-150 {
    font-size: 150%;
}

.bigger-160 {
    font-size: 160%;
}

.bigger-170 {
    font-size: 170%;
}

.bigger-180 {
    font-size: 180%;
}

.bigger-190 {
    font-size: 190%;
}

.bigger-200 {
    font-size: 200%;
}

.bigger-210 {
    font-size: 210%;
}

.bigger-220 {
    font-size: 220%;
}

.bigger-230 {
    font-size: 230%;
}

.bigger-240 {
    font-size: 240%;
}

.bigger-250 {
    font-size: 250%;
}

.bigger-260 {
    font-size: 260%;
}

.bigger-270 {
    font-size: 270%;
}

.bigger-280 {
    font-size: 280%;
}

.bigger-290 {
    font-size: 290%;
}

.bigger-300 {
    font-size: 300%;
}

.bigger-125 {
    font-size: 125%;
}

.bigger-175 {
    font-size: 175%;
}

.bigger-225 {
    font-size: 225%;
}

.bigger-275 {
    font-size: 275%;
}

.bigger-500 {
    font-size: 50px;
    line-height: 50px;
}

.smaller-90 {
    font-size: 90%;
}

.smaller-80 {
    font-size: 80%;
}

.smaller-70 {
    font-size: 70%;
}

.smaller-60 {
    font-size: 60%;
}

.smaller-50 {
    font-size: 50%;
}

.smaller-40 {
    font-size: 40%;
}

.smaller-30 {
    font-size: 30%;
}

.smaller-20 {
    font-size: 20%;
}

.smaller-75 {
    font-size: 75%;
}

.action-buttons a {
    margin: 0 3px;
    display: inline-block;
    opacity: .85;
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
}

    .action-buttons a:hover {
        text-decoration: none;
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 1;
        filter: alpha(opacity=100);
    }

.lighter {
    font-weight: 300 !important;
}

.bolder {
    font-weight: bolder !important;
}

.text-underline {
    text-decoration: underline;
}

.heading {
    padding: 0;
    margin: 0;
    height: 25px;
    line-height: 25px;
}

.well p:last-child, .portlet .portlet-body p:last-child {
    margin: 0;
}

.no-padding {
    padding: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.no-padding-top {
    padding-top: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.no-margin-left {
    margin-left: 0 !important;
}

.no-margin-right {
    margin-right: 0 !important;
}

.no-border {
    border: 0 !important;
}

.no-border-bottom {
    border-bottom: 0 !important;
}

.no-border-top {
    border-top: 0 !important;
}

.no-border-left {
    border-left: 0 !important;
}

.no-border-right {
    border-right: 0 !important;
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-right {
    border-right: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.border-left {
    border-left: 1px solid #e5e5e5;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.inline {
    display: inline-block !important;
}

.block {
    display: block !important;
}

.middle {
    vertical-align: middle;
}

.align-middle {
    vertical-align: middle !important;
}

.align-top {
    vertical-align: top !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.space-2x .tile-button, .space-2x .portlet, .space-2x .well, .space-2x .panel, .space-2x .note, .space-2x .notice, .space-2x .progress, .space-2x .alert, .space-2x .pricing-table-1, .space-2x .pricing-table-2, .space-2x .pricing-table-3, .space-2x .pricing-table-4, .space-2x .tc-tabsbar, .space-2x .tc-tabs, .space-2x dl {
    margin-bottom: 20px;
}

    .space-2x .well, .space-2x .portlet .portlet-body {
        padding: 25px;
    }

        .space-2x .well .well, .space-2x .portlet .portlet-body .well {
            padding: 15px;
        }

.padding-25 {
    padding: 25px !important;
}

.padding-2x {
    padding: 30px !important;
}

.padding-all {
    padding: 15px;
}

.toggle {
    cursor: pointer;
}

.bg-primary, .bg-success, .bg-danger, .bg-info, .bg-warning, .gray, .dark, .inverse, .bg-gray {
    color: #fff !important;
}

    .bg-primary.note .close, .bg-success.note .close, .bg-danger.note .close, .bg-info.note .close, .bg-warning.note .close, .gray.note .close, .dark.note .close, .inverse.note .close, .bg-gray.note .close, .bg-primary.alert .close, .bg-success.alert .close, .bg-danger.alert .close, .bg-info.alert .close, .bg-warning.alert .close, .gray.alert .close, .dark.alert .close, .inverse.alert .close, .bg-gray.alert .close {
        opacity: 1;
        filter: alpha(opacity=100);
        color: #fff;
    }

.bg-primary {
    background-color: #4e72c2 !important;
    border-color: #4e72c2 !important;
}

.text-primary {
    color: #4e72c2 !important;
}

.bg-success {
    background-color: #72af46 !important;
    border-color: #72af46 !important;
}

.text-success {
    color: #72af46 !important;
}

.bg-warning {
    background-color: #ab7a4b !important;
    border-color: #ab7a4b !important;
}

.text-warning {
    color: #ab7a4b !important;
}

.bg-danger {
    background-color: #bd362f !important;
    border-color: #bd362f !important;
}

.text-danger {
    color: #bd362f !important;
}

.bg-info {
    background-color: #466baf !important;
    border-color: #466baf !important;
}

.text-info {
    color: #466baf !important;
}

.dark, .inverse {
    background-color: #414141 !important;
    border-color: #414141 !important;
}

.text-gray {
    color: #999 !important;
}

.bg-gray {
    background-color: #555 !important;
}

.white {
    background-color: #fff !important;
}

.text-white {
    color: #fff !important;
}

.light {
    background-color: #f2f2f2 !important;
    border-color: #f2f2f2 !important;
    color: #555 !important;
}

.qs-layout-menu {
    position: fixed;
    right: 0;
    top: auto;
    z-index: 1023;
    margin-top: -75px;
}

    .qs-layout-menu .btn.qs-setting-btn {
        float: left;
        display: inline-block;
        width: 42px !important;
        background: rgba(0,0,0,.3) !important;
        border-right: 0 none;
        vertical-align: top;
        margin: 0;
    }

        .qs-layout-menu .btn.qs-setting-btn:hover, .qs-layout-menu .btn.qs-setting-btn:focus {
            background: rgba(0,0,0,.5) !important;
        }

    .qs-layout-menu .qs-setting-box {
        display: none;
        float: left;
        width: 190px;
        padding: 10px 14px;
        background: #fff;
        border: 1px solid #555;
        border-right: 0;
    }

        .qs-layout-menu .qs-setting-box.open {
            display: inline-block;
        }

> .qs-layout-menu .qs-setting-boxdiv {
    margin: 6px 0;
    color: #414141;
    max-height: 24px;
}

    > .qs-layout-menu .qs-setting-boxdiv > label {
        font-size: 13px;
    }

.qs-layout-menu .qs-setting-box .btn {
    height: 15px;
    width: 15px;
    padding: 4px;
    border: 0 none;
}

    .qs-layout-menu .qs-setting-box .btn:hover, .qs-layout-menu .qs-setting-box .btn:focus {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        opacity: .5;
        filter: alpha(opacity=50);
    }

.qs-layout-menu .qs-setting-box ul {
    padding-left: 0;
}

    .qs-layout-menu .qs-setting-box ul li {
        display: inline-block;
        list-style: none;
    }

.qs-layout-menu.front {
    top: 125px;
    margin-top: 0;
}

.btn {
    outline: 0 none !important;
    background: #f2f2f2;
    color: #686868;
    border-color: #e5e5e5;
}

    .btn > .icon-only[class*=fa-], .btn .icon-only[class*=glyphicon-] {
        margin: 0;
        padding: 0;
    }

    .btn > [class*=fa-], .btn [class*=glyphicon-] {
        display: inline;
        margin-right: 4px;
    }

        .btn > [class*=fa-].icon-on-right, .btn [class*=glyphicon-].icon-on-right {
            margin-right: 0;
            margin-left: 4px;
        }

    .btn.btn-app {
        position: relative;
        padding: 15px 5px;
        margin: 0 7.5px 15px;
        min-width: 80px;
        height: 60px;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
        text-align: center;
        font-size: 12px;
    }

        .btn.btn-app > .fa, .btn.btn-app > .glyphicon, .btn.btn-app > .ion {
            font-size: 20px;
            display: block;
            margin: 0;
        }

        .btn.btn-app > .badge {
            position: absolute;
            top: -3px;
            right: -10px;
            font-size: 10px;
            font-weight: 400;
        }

        .btn.btn-app.big {
            min-width: 110px;
            height: 90px;
            padding: 25px 15px;
            font-size: 14px;
        }

            .btn.btn-app.big > .fa, .btn.btn-app.big > .glyphicon, .btn.btn-app.big > .ion {
                font-size: 30px;
                display: block;
            }

        .btn.btn-app:hover {
            color: #686868;
            border-color: #d3d3d3;
            background-color: #fff;
        }

    .btn:active, .btn.active {
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    }

.btn-default {
    color: #686868;
    background-color: #f2f2f2;
    border-color: #ddd;
}

    .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
        color: #686868;
        background-color: #d9d9d9;
        border-color: #bfbfbf;
    }

    .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
        background-image: none;
    }

    .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
        background-color: #f2f2f2;
        border-color: #ddd;
    }

    .btn-default .badge {
        color: #f2f2f2;
        background-color: #686868;
    }

    .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
        color: #686868;
        background-color: #e5e5e5;
        border-color: #ddd;
    }

.btn-primary {
    color: #fff;
    background-color: #4e72c2;
    border-color: #3f64b7;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #395aa4;
        border-color: #2f4c8a;
    }

    .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        background-image: none;
    }

    .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
        background-color: #4e72c2;
        border-color: #3f64b7;
    }

    .btn-primary .badge {
        color: #4e72c2;
        background-color: #fff;
    }

    .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #3f64b7;
        border-color: #3f64b7;
    }

.btn-success {
    color: #fff;
    background-color: #72af46;
    border-color: #669d3f;
}

    .btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #5a8b37;
        border-color: #4a712d;
    }

    .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
        background-image: none;
    }

    .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
        background-color: #72af46;
        border-color: #669d3f;
    }

    .btn-success .badge {
        color: #72af46;
        background-color: #fff;
    }

    .btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #669d3f;
        border-color: #669d3f;
    }

.btn-info {
    color: #fff;
    background-color: #466baf;
    border-color: #3f609d;
}

    .btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
        color: #fff;
        background-color: #37558b;
        border-color: #2d4571;
    }

    .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
        background-image: none;
    }

    .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {
        background-color: #466baf;
        border-color: #3f609d;
    }

    .btn-info .badge {
        color: #466baf;
        background-color: #fff;
    }

    .btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
        color: #fff;
        background-color: #3f609d;
        border-color: #3f609d;
    }

.btn-warning {
    color: #fff;
    background-color: #ab7a4b;
    border-color: #996d43;
}

    .btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
        color: #fff;
        background-color: #88613b;
        border-color: #6f4f31;
    }

    .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
        background-image: none;
    }

    .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {
        background-color: #ab7a4b;
        border-color: #996d43;
    }

    .btn-warning .badge {
        color: #ab7a4b;
        background-color: #fff;
    }

    .btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
        color: #fff;
        background-color: #996d43;
        border-color: #996d43;
    }

.btn-danger {
    color: #fff;
    background-color: #bd362f;
    border-color: #a9302a;
}

    .btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #942a25;
        border-color: #78221e;
    }

    .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
        background-image: none;
    }

    .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
        background-color: #bd362f;
        border-color: #a9302a;
    }

    .btn-danger .badge {
        color: #bd362f;
        background-color: #fff;
    }

    .btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #a9302a;
        border-color: #a9302a;
    }

.btn-dark, .btn-gray, .btn-inverse {
    color: #fff;
    background-color: #222;
    border-color: #161616;
}

    .btn-dark:hover, .btn-gray:hover, .btn-inverse:hover, .btn-dark:focus, .btn-gray:focus, .btn-inverse:focus, .btn-dark.focus, .btn-gray.focus, .btn-inverse.focus, .btn-dark:active, .btn-gray:active, .btn-inverse:active, .btn-dark.active, .btn-gray.active, .btn-inverse.active, .open > .dropdown-toggle.btn-dark, .open > .dropdown-toggle.btn-gray, .open > .dropdown-toggle.btn-inverse {
        color: #fff;
        background-color: #090909;
        border-color: #000;
    }

    .btn-dark:active, .btn-gray:active, .btn-inverse:active, .btn-dark.active, .btn-gray.active, .btn-inverse.active, .open > .dropdown-toggle.btn-dark, .open > .dropdown-toggle.btn-gray, .open > .dropdown-toggle.btn-inverse {
        background-image: none;
    }

    .btn-dark.disabled, .btn-gray.disabled, .btn-inverse.disabled, .btn-dark[disabled], .btn-gray[disabled], .btn-inverse[disabled], fieldset[disabled] .btn-dark, fieldset[disabled] .btn-gray, fieldset[disabled] .btn-inverse, .btn-dark.disabled:hover, .btn-gray.disabled:hover, .btn-inverse.disabled:hover, .btn-dark[disabled]:hover, .btn-gray[disabled]:hover, .btn-inverse[disabled]:hover, fieldset[disabled] .btn-dark:hover, fieldset[disabled] .btn-gray:hover, fieldset[disabled] .btn-inverse:hover, .btn-dark.disabled:focus, .btn-gray.disabled:focus, .btn-inverse.disabled:focus, .btn-dark[disabled]:focus, .btn-gray[disabled]:focus, .btn-inverse[disabled]:focus, fieldset[disabled] .btn-dark:focus, fieldset[disabled] .btn-gray:focus, fieldset[disabled] .btn-inverse:focus, .btn-dark.disabled.focus, .btn-gray.disabled.focus, .btn-inverse.disabled.focus, .btn-dark[disabled].focus, .btn-gray[disabled].focus, .btn-inverse[disabled].focus, fieldset[disabled] .btn-dark.focus, fieldset[disabled] .btn-gray.focus, fieldset[disabled] .btn-inverse.focus, .btn-dark.disabled:active, .btn-gray.disabled:active, .btn-inverse.disabled:active, .btn-dark[disabled]:active, .btn-gray[disabled]:active, .btn-inverse[disabled]:active, fieldset[disabled] .btn-dark:active, fieldset[disabled] .btn-gray:active, fieldset[disabled] .btn-inverse:active, .btn-dark.disabled.active, .btn-gray.disabled.active, .btn-inverse.disabled.active, .btn-dark[disabled].active, .btn-gray[disabled].active, .btn-inverse[disabled].active, fieldset[disabled] .btn-dark.active, fieldset[disabled] .btn-gray.active, fieldset[disabled] .btn-inverse.active {
        background-color: #222;
        border-color: #161616;
    }

    .btn-dark .badge, .btn-gray .badge, .btn-inverse .badge {
        color: #222;
        background-color: #fff;
    }

    .btn-dark:hover, .btn-gray:hover, .btn-inverse:hover, .btn-dark:focus, .btn-gray:focus, .btn-inverse:focus, .btn-dark.focus, .btn-gray.focus, .btn-inverse.focus, .btn-dark:active, .btn-gray:active, .btn-inverse:active, .btn-dark.active, .btn-gray.active, .btn-inverse.active, .open > .dropdown-toggle.btn-dark, .open > .dropdown-toggle.btn-gray, .open > .dropdown-toggle.btn-inverse {
        color: #fff;
        background-color: #161616;
        border-color: #161616;
    }

.btn-twitter {
    color: #fff;
    background-color: #2b97f0;
    border-color: #1d90ef;
}

    .btn-twitter:hover, .btn-twitter:focus, .btn-twitter.focus, .btn-twitter:active, .btn-twitter.active, .open > .dropdown-toggle.btn-twitter {
        color: #fff;
        background-color: #0f7ed9;
        border-color: #0e70c1;
    }

    .btn-twitter:active, .btn-twitter.active, .open > .dropdown-toggle.btn-twitter {
        background-image: none;
    }

    .btn-twitter.disabled, .btn-twitter[disabled], fieldset[disabled] .btn-twitter, .btn-twitter.disabled:hover, .btn-twitter[disabled]:hover, fieldset[disabled] .btn-twitter:hover, .btn-twitter.disabled:focus, .btn-twitter[disabled]:focus, fieldset[disabled] .btn-twitter:focus, .btn-twitter.disabled.focus, .btn-twitter[disabled].focus, fieldset[disabled] .btn-twitter.focus, .btn-twitter.disabled:active, .btn-twitter[disabled]:active, fieldset[disabled] .btn-twitter:active, .btn-twitter.disabled.active, .btn-twitter[disabled].active, fieldset[disabled] .btn-twitter.active {
        background-color: #2b97f0;
        border-color: #1d90ef;
    }

    .btn-twitter .badge {
        color: #2b97f0;
        background-color: #fff;
    }

    .btn-twitter:hover, .btn-twitter:focus, .btn-twitter.focus, .btn-twitter:active, .btn-twitter.active, .open > .dropdown-toggle.btn-twitter {
        color: #fff;
        background-color: #138bee;
        border-color: #1d90ef;
    }

.btn-facebook {
    color: #fff;
    background-color: #3b5a9b;
    border-color: #375490;
}

    .btn-facebook:hover, .btn-facebook:focus, .btn-facebook.focus, .btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook {
        color: #fff;
        background-color: #2d4576;
        border-color: #263a64;
    }

    .btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook {
        background-image: none;
    }

    .btn-facebook.disabled, .btn-facebook[disabled], fieldset[disabled] .btn-facebook, .btn-facebook.disabled:hover, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook:hover, .btn-facebook.disabled:focus, .btn-facebook[disabled]:focus, fieldset[disabled] .btn-facebook:focus, .btn-facebook.disabled.focus, .btn-facebook[disabled].focus, fieldset[disabled] .btn-facebook.focus, .btn-facebook.disabled:active, .btn-facebook[disabled]:active, fieldset[disabled] .btn-facebook:active, .btn-facebook.disabled.active, .btn-facebook[disabled].active, fieldset[disabled] .btn-facebook.active {
        background-color: #3b5a9b;
        border-color: #375490;
    }

    .btn-facebook .badge {
        color: #3b5a9b;
        background-color: #fff;
    }

    .btn-facebook:hover, .btn-facebook:focus, .btn-facebook.focus, .btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook {
        color: #fff;
        background-color: #344f89;
        border-color: #375490;
    }

.btn-googleplus {
    color: #fff;
    background-color: #db2814;
    border-color: #cd2513;
}

    .btn-googleplus:hover, .btn-googleplus:focus, .btn-googleplus.focus, .btn-googleplus:active, .btn-googleplus.active, .open > .dropdown-toggle.btn-googleplus {
        color: #fff;
        background-color: #ac1f10;
        border-color: #951b0e;
    }

    .btn-googleplus:active, .btn-googleplus.active, .open > .dropdown-toggle.btn-googleplus {
        background-image: none;
    }

    .btn-googleplus.disabled, .btn-googleplus[disabled], fieldset[disabled] .btn-googleplus, .btn-googleplus.disabled:hover, .btn-googleplus[disabled]:hover, fieldset[disabled] .btn-googleplus:hover, .btn-googleplus.disabled:focus, .btn-googleplus[disabled]:focus, fieldset[disabled] .btn-googleplus:focus, .btn-googleplus.disabled.focus, .btn-googleplus[disabled].focus, fieldset[disabled] .btn-googleplus.focus, .btn-googleplus.disabled:active, .btn-googleplus[disabled]:active, fieldset[disabled] .btn-googleplus:active, .btn-googleplus.disabled.active, .btn-googleplus[disabled].active, fieldset[disabled] .btn-googleplus.active {
        background-color: #db2814;
        border-color: #cd2513;
    }

    .btn-googleplus .badge {
        color: #db2814;
        background-color: #fff;
    }

    .btn-googleplus:hover, .btn-googleplus:focus, .btn-googleplus.focus, .btn-googleplus:active, .btn-googleplus.active, .open > .dropdown-toggle.btn-googleplus {
        color: #fff;
        background-color: #c42412;
        border-color: #cd2513;
    }

.btn-linkedin {
    color: #fff;
    background-color: #0e76a8;
    border-color: #0d6c9a;
}

    .btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin.focus, .btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin {
        color: #fff;
        background-color: #0a5579;
        border-color: #084461;
    }

    .btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin {
        background-image: none;
    }

    .btn-linkedin.disabled, .btn-linkedin[disabled], fieldset[disabled] .btn-linkedin, .btn-linkedin.disabled:hover, .btn-linkedin[disabled]:hover, fieldset[disabled] .btn-linkedin:hover, .btn-linkedin.disabled:focus, .btn-linkedin[disabled]:focus, fieldset[disabled] .btn-linkedin:focus, .btn-linkedin.disabled.focus, .btn-linkedin[disabled].focus, fieldset[disabled] .btn-linkedin.focus, .btn-linkedin.disabled:active, .btn-linkedin[disabled]:active, fieldset[disabled] .btn-linkedin:active, .btn-linkedin.disabled.active, .btn-linkedin[disabled].active, fieldset[disabled] .btn-linkedin.active {
        background-color: #0e76a8;
        border-color: #0d6c9a;
    }

    .btn-linkedin .badge {
        color: #0e76a8;
        background-color: #fff;
    }

    .btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin.focus, .btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin {
        color: #fff;
        background-color: #0c6590;
        border-color: #0d6c9a;
    }

.btn-white {
    color: #686868;
    background-color: #fff;
    border-color: #e5e5e5;
}

    .btn-white:hover, .btn-white:focus, .btn-white.focus, .btn-white:active, .btn-white.active, .open > .dropdown-toggle.btn-white {
        color: #686868;
        background-color: #e6e6e6;
        border-color: #c6c6c6;
    }

    .btn-white:active, .btn-white.active, .open > .dropdown-toggle.btn-white {
        background-image: none;
    }

    .btn-white.disabled, .btn-white[disabled], fieldset[disabled] .btn-white, .btn-white.disabled:hover, .btn-white[disabled]:hover, fieldset[disabled] .btn-white:hover, .btn-white.disabled:focus, .btn-white[disabled]:focus, fieldset[disabled] .btn-white:focus, .btn-white.disabled.focus, .btn-white[disabled].focus, fieldset[disabled] .btn-white.focus, .btn-white.disabled:active, .btn-white[disabled]:active, fieldset[disabled] .btn-white:active, .btn-white.disabled.active, .btn-white[disabled].active, fieldset[disabled] .btn-white.active {
        background-color: #fff;
        border-color: #e5e5e5;
    }

    .btn-white .badge {
        color: #fff;
        background-color: #686868;
    }

    .btn-white:hover, .btn-white:focus, .btn-white.focus, .btn-white:active, .btn-white.active, .open > .dropdown-toggle.btn-white {
        color: #686868;
        background-color: #f2f2f2;
        border-color: #e5e5e5;
    }

.ui-group-buttons .or {
    position: relative;
    float: left;
    width: .3em;
    height: 1.3em;
    z-index: 3;
    font-size: 12px;
}

    .ui-group-buttons .or:before {
        position: absolute;
        top: 50%;
        left: 50%;
        content: 'or';
        background-color: #fff;
        margin-top: -.1em;
        margin-left: -.9em;
        width: 1.8em;
        height: 1.8em;
        line-height: 1.55;
        color: #686868;
        font-style: normal;
        font-weight: 400;
        text-align: center;
        border-radius: 500px;
        -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1);
        box-shadow: 0 0 0 1px rgba(0,0,0,.1);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .ui-group-buttons .or:after {
        position: absolute;
        top: 0;
        left: 0;
        content: ' ';
        width: .3em;
        height: 2.84em;
        border-top: .6em solid #fff;
        border-bottom: .6em solid #fff;
    }

    .ui-group-buttons .or.or-lg {
        height: 1.3em;
        font-size: 16px;
    }

        .ui-group-buttons .or.or-lg:after {
            height: 2.85em;
        }

    .ui-group-buttons .or.or-sm {
        height: 1em;
    }

        .ui-group-buttons .or.or-sm:after {
            height: 2.5em;
        }

    .ui-group-buttons .or.or-xs {
        height: .25em;
    }

        .ui-group-buttons .or.or-xs:after {
            height: 1.84em;
            z-index: -1000;
        }

.ui-group-buttons {
    display: inline-block;
    vertical-align: middle;
}

    .ui-group-buttons:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    .ui-group-buttons .btn {
        float: left;
        border-radius: 0;
    }

        .ui-group-buttons .btn:first-child {
            margin-left: 0;
            border-top-left-radius: .25em;
            border-bottom-left-radius: .25em;
            padding-right: 15px;
        }

        .ui-group-buttons .btn:last-child {
            border-top-right-radius: .25em;
            border-bottom-right-radius: .25em;
            padding-left: 15px;
        }

.btn-circle {
    width: 50px;
    height: 50px;
    text-align: center;
    padding: 12px 10px;
    font-size: 18px;
    border-radius: 25px;
}

    .btn-circle.btn-xs {
        width: 30px;
        height: 30px;
        padding: 6px 0;
        font-size: 11px;
        border-radius: 15px;
    }

    .btn-circle.btn-sm {
        width: 40px;
        height: 40px;
        padding: 8px 10px;
        font-size: 16px;
        border-radius: 20px;
    }

    .btn-circle.btn-lg {
        width: 70px;
        height: 70px;
        padding: 10px 16px;
        font-size: 34px;
        border-radius: 35px;
    }

.btn-line {
    background-color: #fff;
    color: inherit;
}

    .btn-line.btn-primary {
        color: #4e72c2;
    }

        .btn-line.btn-primary:hover, .btn-line.btn-primary:active, .btn-line.btn-primary:focus {
            color: #fff;
        }

    .btn-line.btn-success {
        color: #72af46;
    }

        .btn-line.btn-success:hover, .btn-line.btn-success:active, .btn-line.btn-success:focus, .btn-line.btn-success.disabled {
            color: #fff;
        }

    .btn-line.btn-info {
        color: #466baf;
    }

        .btn-line.btn-info:hover, .btn-line.btn-info:active, .btn-line.btn-info:focus, .btn-line.btn-info.disabled {
            color: #fff;
        }

    .btn-line.btn-warning {
        color: #ab7a4b;
    }

        .btn-line.btn-warning:hover, .btn-line.btn-warning:active, .btn-line.btn-warning:focus, .btn-line.btn-warning.disabled {
            color: #fff;
        }

    .btn-line.btn-danger {
        color: #bd362f;
    }

        .btn-line.btn-danger:hover, .btn-line.btn-danger:active, .btn-line.btn-danger:focus, .btn-line.btn-danger.disabled {
            color: #fff;
        }

    .btn-line.btn-white {
        color: #4e72c2;
    }

        .btn-line.btn-white:hover, .btn-line.btn-white:active, .btn-line.btn-white:focus, .btn-line.btn-white.disabled {
            color: #555;
        }

    .btn-line.btn-gray, .btn-line.btn-dark, .btn-line.btn-gray, .btn-line.btn-inverse {
        color: #555;
    }

        .btn-line.btn-gray:hover, .btn-line.btn-dark:hover, .btn-line.btn-gray:hover, .btn-line.btn-inverse:hover, .btn-line.btn-gray:active, .btn-line.btn-dark:active, .btn-line.btn-gray:active, .btn-line.btn-inverse:active, .btn-line.btn-gray:focus, .btn-line.btn-dark:focus, .btn-line.btn-gray:focus, .btn-line.btn-inverse:focus, .btn-line.btn-gray.disabled, .btn-line.btn-dark.disabled, .btn-line.btn-gray.disabled, .btn-line.btn-inverse.disabled {
            color: #fff;
        }

    .btn-line:hover, .btn-line:focus {
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

.btn-group-vertical > .btn:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-top-right-radius: 0;
}

.btn-xs, .btn-group-xs > .btn {
    padding: 0 5px;
}

.btn-group-xs .btn, .btn-group-sm .btn, btn-group-lg .btn {
    border-radius: 0;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        text-align: right;
        opacity: 0;
        filter: alpha(opacity=0);
        outline: 0;
        cursor: inherit;
        display: block;
    }

.btn-colorpicker {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #f2f2f2;
    vertical-align: middle;
    border-radius: 0;
}

.portlet {
    margin-bottom: 15px;
    border: 1px solid #e5e5e5;
    background: #fff;
}

    .portlet .portlet-heading {
        padding: 0 15px;
        border-bottom: 1px solid #e5e5e5;
        background: #fff;
        line-height: 38px;
        min-height: 39px;
    }

        .portlet .portlet-heading .fa, .portlet .portlet-heading .glyphicon {
            opacity: .55;
            filter: alpha(opacity=55.00000000000001);
        }

        .portlet .portlet-heading.dark a, .portlet .portlet-heading.bg-info a, .portlet .portlet-heading.bg-success a, .portlet .portlet-heading.bg-primary a, .portlet .portlet-heading.bg-danger a, .portlet .portlet-heading.bg-warning a, .portlet .portlet-heading.inverse a {
            color: #fff;
        }

        .portlet .portlet-heading.dark small, .portlet .portlet-heading.bg-info small, .portlet .portlet-heading.bg-success small, .portlet .portlet-heading.bg-primary small, .portlet .portlet-heading.bg-danger small, .portlet .portlet-heading.bg-warning small, .portlet .portlet-heading.inverse small {
            color: #999;
        }

        .portlet .portlet-heading.dark .nav li.active > a, .portlet .portlet-heading.bg-info .nav li.active > a, .portlet .portlet-heading.bg-success .nav li.active > a, .portlet .portlet-heading.bg-primary .nav li.active > a, .portlet .portlet-heading.bg-danger .nav li.active > a, .portlet .portlet-heading.bg-warning .nav li.active > a, .portlet .portlet-heading.inverse .nav li.active > a {
            color: #686868;
        }

        .portlet .portlet-heading .nav li {
            margin-bottom: auto;
        }

            .portlet .portlet-heading .nav li > a {
                padding: 7.5px 15px;
                font-size: 13px;
            }

            .portlet .portlet-heading .nav li:not(.active) > a {
                border-color: transparent;
                background-color: transparent;
            }

            .portlet .portlet-heading .nav li.active > a {
                background-color: #fff;
                border-bottom-color: transparent;
                box-shadow: none;
                color: #686868;
            }

        .portlet .portlet-heading .nav.nav-tabs {
            float: right;
            border-bottom: 0;
            margin-bottom: 0;
            position: relative;
            bottom: -5px;
        }

        .portlet .portlet-heading .portlet-title {
            float: left;
        }

        .portlet .portlet-heading a {
            color: #999;
        }

            .portlet .portlet-heading a:hover, .portlet .portlet-heading a:focus, .portlet .portlet-heading a:active {
                outline: 0;
            }

        .portlet .portlet-heading h4 {
            font-size: 14px;
            margin: 0;
            line-height: 37px;
        }

        .portlet .portlet-heading .portlet-widgets {
            position: relative;
            text-align: right;
            float: right;
            padding-left: 15px;
            display: inline-block;
            font-size: 15px;
            line-height: 37px;
        }

            .portlet .portlet-heading .portlet-widgets:before {
                display: inline-block;
                content: "";
                position: absolute;
                top: 3px;
                bottom: 3px;
                left: -1px;
                border: 1px solid rgba(0,0,0,.1);
                border-width: 0 1px 0 0;
            }

            .portlet .portlet-heading .portlet-widgets .divider {
                margin: 0 3px;
            }

            .portlet .portlet-heading .portlet-widgets .fa:hover {
                -moz-transform: scale(1.2);
                -webkit-transform: scale(1.2);
                -o-transform: scale(1.2);
                -ms-transform: scale(1.2);
                transform: scale(1.2);
                opacity: 1;
            }

            .portlet .portlet-heading .portlet-widgets .dropdown-menu a {
                color: #555;
            }

            .portlet .portlet-heading .portlet-widgets ul.dropdown-menu {
                min-width: 0;
            }

        .portlet .portlet-heading.no-left-border .portlet-widgets:before {
            border: 0 none;
        }

    .portlet form .form-actions {
        padding: 15px 10px 0;
    }

    .portlet.no-border {
        border: 0;
    }

    .portlet .portlet-body {
        background: #fff;
        padding: 15px;
    }

        .portlet .portlet-body .table {
            margin-bottom: 0;
        }

            .portlet .portlet-body .table > thead > tr > th, .portlet .portlet-body .table > thead > tr > td {
                border-bottom: 3px double #e5e5e5;
            }

        .portlet .portlet-body .datepicker.datepicker-inline {
            margin: 0;
        }

        .portlet .portlet-body.no-padding .table.table-bordered {
            border-width: 1px 0 0;
        }

            .portlet .portlet-body.no-padding .table.table-bordered th:first-child, .portlet .portlet-body.no-padding .table.table-bordered td:first-child {
                border-left: 0 none;
            }

            .portlet .portlet-body.no-padding .table.table-bordered th:last-child, .portlet .portlet-body.no-padding .table.table-bordered td:last-child {
                border-right: 0 none;
            }

            .portlet .portlet-body.no-padding .table.table-bordered tr:last-child td {
                border-bottom: 0 none;
            }

    .portlet .portlet-footer {
        padding: 10px 15px;
        background: #f2f2f2;
        border-top: 1px solid #e5e5e5;
    }

        .portlet .portlet-footer ul {
            margin: 0;
        }

    .portlet.hidden-widgets .portlet-widgets {
        display: none;
    }

    .portlet.hidden-widgets:hover .portlet-widgets {
        display: block;
    }

    .portlet.portlet-primary .portlet-heading, .portlet.portlet-success .portlet-heading, .portlet.portlet-warning .portlet-heading, .portlet.portlet-info .portlet-heading, .portlet.portlet-danger .portlet-heading, .portlet.portlet-dark .portlet-heading, .portlet.portlet-gray .portlet-heading, .portlet.portlet-inverse .portlet-heading {
        color: #fff;
    }

        .portlet.portlet-primary .portlet-heading a, .portlet.portlet-success .portlet-heading a, .portlet.portlet-warning .portlet-heading a, .portlet.portlet-info .portlet-heading a, .portlet.portlet-danger .portlet-heading a, .portlet.portlet-dark .portlet-heading a, .portlet.portlet-gray .portlet-heading a, .portlet.portlet-inverse .portlet-heading a {
            color: #fff;
        }

    .portlet.portlet-basic .portlet-heading {
        background: #f2f2f2;
    }

        .portlet.portlet-basic .portlet-heading a {
            color: #999;
        }

.portlet-gray > .portlet-heading {
    background-color: #555;
}

.portlet-dark > .portlet-heading, .portlet-inverse > .portlet-heading {
    background-color: #414141;
}

.portlet-success > .portlet-heading {
    background-color: #72af46;
}

.portlet-danger > .portlet-heading {
    background-color: #bd362f;
}

.portlet-info > .portlet-heading {
    background-color: #466baf;
}

.portlet-warning > .portlet-heading {
    background-color: #ab7a4b;
}

.portlet-primary > .portlet-heading {
    background-color: #4e72c2;
}

.portlet-primary, .portlet-primary > .portlet-heading {
    border-color: #4e72c2;
}

.portlet-danger, .portlet-danger > .portlet-heading {
    border-color: #bd362f;
}

.portlet-success, .portlet-success > .portlet-heading {
    border-color: #72af46;
}

.portlet-warning, .portlet-warning > .portlet-heading {
    border-color: #ab7a4b;
}

.portlet-info, .portlet-info > .portlet-heading {
    border-color: #466baf;
}

.portlet-gray, .portlet-gray > .portlet-heading {
    border-color: #555;
}

.portlet-dark, .portlet-dark > .portlet-heading, .portlet-inverse, .portlet-inverse > .portlet-heading {
    border-color: #414141;
}

.btn.tile-button {
    display: block;
    text-align: left;
    padding: 0;
    margin-bottom: 15px;
    border-right: 7.5px solid #e5e5e5;
}

    .btn.tile-button .tile-content-wrapper {
        overflow: hidden;
        padding: 10px 15px;
        position: relative;
    }

        .btn.tile-button .tile-content-wrapper .fa, .btn.tile-button .tile-content-wrapper .glyphicon {
            position: absolute;
            font-size: 57px;
            top: 50%;
            margin-top: -25px;
            left: 15px;
            -webkit-transition: all 300ms ease-in-out;
            -o-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;
            -moz-transform: rotate(-20deg);
            -webkit-transform: rotate(-20deg);
            -o-transform: rotate(-20deg);
            -ms-transform: rotate(-20deg);
            transform: rotate(-20deg);
        }

        .btn.tile-button .tile-content-wrapper .tile-content {
            font-size: 35px;
            text-align: right;
            font-weight: 500;
        }

            .btn.tile-button .tile-content-wrapper .tile-content span {
                font-size: 25px;
            }

        .btn.tile-button .tile-content-wrapper small {
            text-align: right;
            font-size: 16px;
            display: block;
        }

    .btn.tile-button:hover {
        background-color: #fff;
    }

        .btn.tile-button:hover .tile-content-wrapper .fa, .btn.tile-button:hover .tile-content-wrapper .glyphicon {
            left: -20px;
            margin-top: -45px;
            font-size: 110px !important;
            -moz-transform: rotate(20deg);
            -webkit-transform: rotate(20deg);
            -o-transform: rotate(20deg);
            -ms-transform: rotate(20deg);
            transform: rotate(20deg);
            opacity: .2;
            filter: alpha(opacity=20);
        }

        .btn.tile-button:hover .tile-content-wrapper .tile-content, .btn.tile-button:hover .tile-content-wrapper small {
            opacity: .5;
            filter: alpha(opacity=50);
        }

    .btn.tile-button.btn-default {
        border-color: #3d60b0;
    }

        .btn.tile-button.btn-default:hover {
            color: #4e72c2;
        }

    .btn.tile-button.btn-dark, .btn.tile-button.btn-inverse {
        border-color: #444;
    }

        .btn.tile-button.btn-dark:hover, .btn.tile-button.btn-inverse:hover {
            color: #555;
        }

    .btn.tile-button.btn-white {
        border-color: #e5e5e5;
    }

        .btn.tile-button.btn-white:hover {
            color: #999;
        }

    .btn.tile-button.btn-danger {
        border-color: #a02e28;
    }

        .btn.tile-button.btn-danger:hover {
            color: #bd362f;
        }

    .btn.tile-button.btn-warning {
        border-color: #926840;
    }

        .btn.tile-button.btn-warning:hover {
            color: #ab7a4b;
        }

    .btn.tile-button.btn-primary {
        border-color: #3d60b0;
    }

        .btn.tile-button.btn-primary:hover {
            color: #4e72c2;
        }

    .btn.tile-button.btn-info {
        border-color: #3c5b96;
    }

        .btn.tile-button.btn-info:hover {
            color: #466baf;
        }

    .btn.tile-button.btn-success {
        border-color: #61963c;
    }

        .btn.tile-button.btn-success:hover {
            color: #72af46;
        }

    .btn.tile-button.btn-line {
        background: #fff;
        border-width: 1px 7.5px 1px 1px;
    }

        .btn.tile-button.btn-line .tile-content-wrapper .fa, .btn.tile-button.btn-line .tile-content-wrapper .glyphicon {
            margin-top: -45px;
            font-size: 110px;
            -moz-transform: rotate(20deg);
            -webkit-transform: rotate(20deg);
            -o-transform: rotate(20deg);
            -ms-transform: rotate(20deg);
            transform: rotate(20deg);
            left: -20px;
        }

        .btn.tile-button.btn-line .tile-content-wrapper .fa, .btn.tile-button.btn-line .tile-content-wrapper .glyphicon, .btn.tile-button.btn-line .tile-content-wrapper .tile-content, .btn.tile-button.btn-line .tile-content-wrapper small {
            opacity: .7;
            filter: alpha(opacity=70);
        }

        .btn.tile-button.btn-line:hover .tile-content-wrapper .tile-content {
            opacity: 1;
            filter: alpha(opacity=100);
        }

        .btn.tile-button.btn-line:hover .tile-content-wrapper .fa, .btn.tile-button.btn-line:hover .tile-content-wrapper .glyphicon {
            margin-top: -25px;
            font-size: 57px !important;
            -moz-transform: rotate(-20deg);
            -webkit-transform: rotate(-20deg);
            -o-transform: rotate(-20deg);
            -ms-transform: rotate(-20deg);
            transform: rotate(-20deg);
            left: 15px;
        }

        .btn.tile-button.btn-line:hover .tile-content-wrapper .fa, .btn.tile-button.btn-line:hover .tile-content-wrapper .glyphicon, .btn.tile-button.btn-line:hover .tile-content-wrapper small {
            opacity: .55;
            filter: alpha(opacity=55.00000000000001);
        }

        .btn.tile-button.btn-line.btn-default:active, .btn.tile-button.btn-line.btn-default:focus {
            color: #4e72c2;
        }

        .btn.tile-button.btn-line.btn-primary:active, .btn.tile-button.btn-line.btn-primary:focus {
            color: #4e72c2;
        }

        .btn.tile-button.btn-line.btn-success:active, .btn.tile-button.btn-line.btn-success:focus {
            color: #72af46;
        }

        .btn.tile-button.btn-line.btn-danger:active, .btn.tile-button.btn-line.btn-danger:focus {
            color: #bd362f;
        }

        .btn.tile-button.btn-line.btn-info:active, .btn.tile-button.btn-line.btn-info:focus {
            color: #466baf;
        }

        .btn.tile-button.btn-line.btn-warning:active, .btn.tile-button.btn-line.btn-warning:focus {
            color: #ab7a4b;
        }

        .btn.tile-button.btn-line.btn-dark:active, .btn.tile-button.btn-line.btn-gray:active, .btn.tile-button.btn-line.btn-inverse:active, .btn.tile-button.btn-line.btn-dark:focus, .btn.tile-button.btn-line.btn-gray:focus, .btn.tile-button.btn-line.btn-inverse:focus {
            color: #414141;
        }

input[type=checkbox].tc, input[type=radio].tc {
    opacity: 0;
    position: absolute;
    z-index: 12;
    width: 17px;
    height: 17px;
    cursor: pointer;
}

    input[type=checkbox].tc:checked, input[type=radio].tc:checked, input[type=checkbox].tc:focus, input[type=radio].tc:focus {
        outline: 0 !important;
    }

    input[type=checkbox].tc + .labels, input[type=radio].tc + .labels {
        position: relative;
        z-index: 11;
        display: inline-block;
        margin: 0;
        line-height: 20px;
        min-height: 18px;
        min-width: 18px;
        font-weight: 400;
        font-size: 13px;
    }

        input[type=checkbox].tc + .labels::before, input[type=radio].tc + .labels::before {
            font-family: fontAwesome;
            font-weight: 400;
            font-size: 12px;
            color: #fff;
            content: "\a0";
            background-color: #FAFAFA;
            border: 1px solid #7490cf;
            box-shadow: 0 1px 2px rgba(0,0,0,.05);
            border-radius: 0;
            display: inline-block;
            text-align: center;
            vertical-align: middle;
            height: 16px;
            line-height: 14px;
            min-width: 16px;
            margin-right: 1px;
        }

    input[type=checkbox].tc:checked + .labels::before, input[type=radio].tc:checked + .labels::before {
        display: inline-block;
        content: '\f00c';
        background-color: #7490cf;
        border-color: #7490cf;
        box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05),inset 15px 10px -12px rgba(255,255,255,.1);
    }

    input[type=checkbox].tc:hover + .labels::before, input[type=radio].tc:hover + .labels::before, input[type=checkbox].tc + .labels:hover::before, input[type=radio].tc + .labels:hover::before {
        border-color: #7490cf;
    }

    input[type=checkbox].tc:active + .labels::before, input[type=radio].tc:active + .labels::before, input[type=checkbox].tc:checked:active + .labels::before, input[type=radio].tc:checked:active + .labels::before {
        box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 1px 3px rgba(0,0,0,.1);
    }

    input[type=checkbox].tc.tc-gray + .labels::before, input[type=radio].tc.tc-gray + .labels::before {
        box-shadow: none;
        border-color: #555;
    }

    input[type=checkbox].tc.tc-gary:checked + .labels::before, input[type=radio].tc.tc-gary:checked + .labels::before {
        background-color: #555;
        border-color: #555;
        color: #fff;
    }

    input[type=checkbox].tc.tc-danger + .labels::before, input[type=radio].tc.tc-danger + .labels::before {
        box-shadow: none;
        border-color: #bd362f;
    }

    input[type=checkbox].tc.tc-danger:checked + .labels::before, input[type=radio].tc.tc-danger:checked + .labels::before {
        background-color: #bd362f;
        border-color: #bd362f;
        color: #fff;
    }

    input[type=checkbox].tc.tc-success + .labels::before, input[type=radio].tc.tc-success + .labels::before {
        box-shadow: none;
        border-color: #72af46;
    }

    input[type=checkbox].tc.tc-success:checked + .labels::before, input[type=radio].tc.tc-success:checked + .labels::before {
        background-color: #72af46;
        border-color: #72af46;
        color: #fff;
    }

    input[type=checkbox].tc.tc-info + .labels::before, input[type=radio].tc.tc-info + .labels::before {
        box-shadow: none;
        border-color: #466baf;
    }

    input[type=checkbox].tc.tc-info:checked + .labels::before, input[type=radio].tc.tc-info:checked + .labels::before {
        background-color: #466baf;
        border-color: #466baf;
        color: #fff;
    }

    input[type=checkbox].tc.tc-primary + .labels::before, input[type=radio].tc.tc-primary + .labels::before {
        box-shadow: none;
        border-color: #4e72c2;
    }

    input[type=checkbox].tc.tc-primary:checked + .labels::before, input[type=radio].tc.tc-primary:checked + .labels::before {
        background-color: #4e72c2;
        border-color: #4e72c2;
        color: #fff;
    }

    input[type=checkbox].tc.tc-warning + .labels::before, input[type=radio].tc.tc-warning + .labels::before {
        box-shadow: none;
        border-color: #ab7a4b;
    }

    input[type=checkbox].tc.tc-warning:checked + .labels::before, input[type=radio].tc.tc-warning:checked + .labels::before {
        background-color: #ab7a4b;
        border-color: #ab7a4b;
        color: #fff;
    }

    input[type=checkbox].tc:disabled + .labels::before, input[type=radio].tc:disabled + .labels::before, input[type=checkbox].tc[disabled] + .labels::before, input[type=radio].tc[disabled] + .labels::before, input[type=checkbox].tc.disabled + .labels::before, input[type=radio].tc.disabled + .labels::before {
        background-color: #f2f2f2 !important;
        border-color: #e5e5e5 !important;
        box-shadow: none !important;
        color: #BBB;
    }

    input[type=radio].tc + .labels::before {
        border-radius: 100%;
        font-size: 11px;
        font-family: FontAwesome;
        text-shadow: 0 0 1px #fff;
        line-height: 15px;
        height: 17px;
        min-width: 17px;
    }

    input[type=radio].tc:checked + .labels::before {
        content: "\f111";
        font-size: 13px;
    }

    input[type=checkbox].tc.tc-switch {
        width: 55px;
        height: 25px;
    }

        input[type=checkbox].tc.tc-switch + .labels {
            margin: 0 4px;
            min-height: 24px;
        }

            input[type=checkbox].tc.tc-switch + .labels::before {
                font-family: Arial,Helvetica,sans-serif;
                content: "ON\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";
                color: #555;
                font-weight: 700;
                font-size: 11px;
                line-height: 18px;
                line-height: 21px\9;
                height: 20px;
                overflow: hidden;
                border-radius: 12px;
                background-color: #f2f2f2;
                -webkit-box-shadow: inset 0 2px 2px 0 rgba(0,0,0,.2);
                box-shadow: inset 0 2px 2px 0 rgba(0,0,0,.2);
                border: 1px solid #CCC;
                text-align: left;
                float: left;
                padding: 0;
                width: 52px;
                text-indent: -19px;
                text-indent: -21px\9;
                margin-right: 0;
                -webkit-transition: text-indent .4s ease;
                -o-transition: text-indent .4s ease;
                transition: text-indent .4s ease;
            }

            input[type=checkbox].tc.tc-switch + .labels::after {
                font-family: Arial,Helvetica,sans-serif;
                content: '|||';
                font-size: 10px;
                font-weight: lighter;
                color: #555;
                background-color: #fff;
                text-shadow: -1px 0 0 rgba(0,0,0,.15);
                text-align: center;
                border-radius: 100%;
                width: 22px;
                height: 22px;
                line-height: 20px;
                position: absolute;
                top: -2px;
                left: -3px;
                padding: 0;
                -webkit-box-shadow: 0 1px 1px 1px rgba(0,0,0,.3);
                box-shadow: 0 1px 1px 1px rgba(0,0,0,.3);
                text-shadow: 0 1px 1px rgba(0,0,0,.3) inset;
                -webkit-transition: left .4s ease;
                -o-transition: left .4s ease;
                transition: left .4s ease;
            }

        input[type=checkbox].tc.tc-switch:checked + .labels::before {
            text-indent: 9px;
            color: #fff;
            background-color: #c0cde9;
            border-color: #4e72c2;
        }

        input[type=checkbox].tc.tc-switch:checked + .labels::after {
            left: 34px;
            background-color: #fff;
            color: #c0cde9;
        }

        input[type=checkbox].tc.tc-switch.tc-switch-2 + .labels::before {
            content: "YES\a0\a0\a0\a0\a0\a0\a0\a0NO";
        }

        input[type=checkbox].tc.tc-switch.tc-switch-3 + .labels::after {
            font-family: FontAwesome;
            font-size: 13px;
            line-height: 23px;
            content: "\f00d";
            top: -1px;
        }

        input[type=checkbox].tc.tc-switch.tc-switch-3:checked + .labels::after {
            content: "\f00c";
        }

        input[type=checkbox].tc.tc-switch.tc-switch-4 + .labels::before, input[type=checkbox].tc.tc-switch.tc-switch-5 + .labels::before {
            content: "ON\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";
            font-family: Arial,Helvetica,sans-serif;
            font-weight: bolder;
            font-size: 12px;
            line-height: 23px;
            height: 24px;
            overflow: hidden;
            line-height: 25px\9;
            border-radius: 12px;
            background-color: #4e72c2;
            border: 1px solid #4e72c2;
            color: #fff;
            width: 56px;
            text-indent: -25px;
            text-indent: -28px\9;
            display: inline-block;
            position: relative;
            box-shadow: none;
            -webkit-transition: all .4s ease;
            -o-transition: all .4s ease;
            transition: all .4s ease;
        }

        input[type=checkbox].tc.tc-switch.tc-switch-4 + .labels::after, input[type=checkbox].tc.tc-switch.tc-switch-5 + .labels::after {
            font-family: Helvetica,Arial,sans-serif;
            content: '|||';
            text-shadow: -1px 0 0 rgba(0,0,0,.2);
            font-size: 8px;
            font-weight: lighter;
            color: #4e72c2;
            text-align: center;
            position: absolute;
            border-radius: 12px;
            color: #555;
            top: 2px;
            left: 2px;
            width: 20px;
            height: 20px;
            line-height: 18px;
            background-color: #fff;
            -webkit-transition: all .4s ease;
            -o-transition: all .4s ease;
            transition: all .4s ease;
        }

        input[type=checkbox].tc.tc-switch.tc-switch-4:checked + .labels::before, input[type=checkbox].tc.tc-switch.tc-switch-5:checked + .labels::before {
            text-indent: 9px;
            background-color: #999;
            border-color: #4e72c2;
        }

        input[type=checkbox].tc.tc-switch.tc-switch-4:checked + .labels::after, input[type=checkbox].tc.tc-switch.tc-switch-5:checked + .labels::after {
            left: 34px;
            background-color: #fff;
        }

        input[type=checkbox].tc.tc-switch.tc-switch-5 + .labels::before {
            content: "YES\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0NO";
        }

        input[type=checkbox].tc.tc-switch.tc-switch-5:checked + .labels::before {
            text-indent: 8px;
        }

        input[type=checkbox].tc.tc-switch.tc-switch-6 + .labels {
            position: relative;
        }

            input[type=checkbox].tc.tc-switch.tc-switch-6 + .labels::before {
                font-family: FontAwesome;
                content: "\f00d";
                text-shadow: 0 -1px 0 rgba(0,0,0,.25);
                box-shadow: none;
                border: 0;
                font-weight: lighter;
                font-size: 16px;
                border-radius: 12px;
                display: inline-block;
                background-color: #555;
                color: #fff;
                width: 52px;
                height: 22px;
                line-height: 20px;
                text-indent: 32px;
                -webkit-transition: background .1s ease;
                -o-transition: background .1s ease;
                transition: background .1s ease;
            }

            input[type=checkbox].tc.tc-switch.tc-switch-6 + .labels::after {
                content: '';
                text-shadow: 0 -1px 0 rgba(0,0,0,.25);
                position: absolute;
                top: 2px;
                left: 3px;
                border-radius: 12px;
                box-shadow: 0 -1px 0 rgba(0,0,0,.25);
                width: 18px;
                height: 18px;
                text-align: center;
                background-color: #F2F2F2;
                border: 4px solid #F2F2F2;
                -webkit-transition: left .2s ease;
                -o-transition: left .2s ease;
                transition: left .2s ease;
            }

        input[type=checkbox].tc.tc-switch.tc-switch-6:checked + .labels::before {
            content: "\f00c";
            text-indent: 6px;
            color: #fff;
            border-color: #1f3159;
            background-color: #4e72c2;
        }

        input[type=checkbox].tc.tc-switch.tc-switch-6:checked + .labels::after {
            left: 32px;
            background-color: #fff;
            border: 4px solid #fff;
            text-shadow: 0 -1px 0 rgba(0,200,0,.25);
        }

        input[type=checkbox].tc.tc-switch.tc-switch-7 {
            width: 75px;
        }

            input[type=checkbox].tc.tc-switch.tc-switch-7 + .labels {
                position: relative;
            }

                input[type=checkbox].tc.tc-switch.tc-switch-7 + .labels::before {
                    content: "OFF\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0ON";
                    font-weight: bolder;
                    font-size: 14px;
                    line-height: 20px;
                    background-color: #fff;
                    border: 1px solid #999;
                    border-radius: 0;
                    box-shadow: none;
                    color: #999;
                    width: 74px;
                    height: 26px;
                    line-height: 22px;
                    overflow: hidden;
                    text-indent: 4px;
                    display: inline-block;
                    position: relative;
                    -webkit-transition: all .2s ease;
                    -o-transition: all .2s ease;
                    transition: all .2s ease;
                }

                input[type=checkbox].tc.tc-switch.tc-switch-7 + .labels::after {
                    content: '\f00d';
                    font-family: FontAwesome;
                    font-size: 16px;
                    position: absolute;
                    top: 3px;
                    left: 39px;
                    width: 32px;
                    height: 20px;
                    line-height: 18px;
                    text-align: center;
                    background-color: #999;
                    color: #fff;
                    border-radius: 0;
                    box-shadow: none;
                    -webkit-transition: all .2s ease-in-out;
                    -o-transition: all .2s ease-in-out;
                    transition: all .2s ease-in-out;
                }

            input[type=checkbox].tc.tc-switch.tc-switch-7:checked + .labels::before {
                color: #4e72c2;
                background-color: #fff;
                text-indent: -33px;
                border-color: #4e72c2;
            }

            input[type=checkbox].tc.tc-switch.tc-switch-7:checked + .labels::after {
                left: 3px;
                content: '\f00c';
                background-color: #4e72c2;
                color: #fff;
            }

.well {
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-bottom: 15px;
    padding: 15px;
    background: #f2f2f2;
}

    .well.well-sm {
        padding: 10px;
    }

    .well h1, .well h2, .well h3, .well h4, .well h5, .well h6 {
        margin-top: 0;
    }

    .well h1, .well h2, .well h3 {
        line-height: 36px;
    }

.jumbotron {
    font-size: 18px;
    margin-bottom: 15px;
    background: #f2f2f2;
    border-radius: 0 !important;
}

    .jumbotron.bordered {
        border: 1px solid #e5e5e5;
    }

@media (max-width:640px) {
    .jumbotron {
        font-size: 13px;
    }
}

@media (max-width:320px) {
    .jumbotron h1 {
        font-size: 26px;
    }
}

.note {
    border-left: 5px solid #999;
    background-color: #f2f2f2;
}

    .note h1, .note h2, .note h3, .note h4 {
        margin-top: 0;
    }

    .note p:last-child {
        margin-bottom: 0;
    }

    .note code, .note .highlight {
        background-color: #f2f2f2;
    }

.note-danger {
    background-color: #f2dede;
    border-color: #ce838f;
    color: #a94442;
}

.note-warning {
    background-color: #fcf8e3;
    border-color: #f0c670;
    color: #8a6d3b;
}

.note-info {
    background-color: #d9edf7;
    border-color: #70cee1;
    color: #31708f;
}

.note-success {
    background-color: #dff0d8;
    border-color: #a1cd7c;
    color: #3c763d;
}

.alert, .note {
    padding: 15px;
    margin: 0 0 15px;
}

    .alert .close, .note .close {
        font-size: 16px;
        outline: 0 !important;
    }

    .alert.alert-success a, .note.alert-success a, .alert.note-success a, .note.note-success a, .alert.alert-danger a, .note.alert-danger a, .alert.note-danger a, .note.note-danger a, .alert.alert-info a, .note.alert-info a, .alert.note-info a, .note.note-info a, .alert.alert-warning a, .note.alert-warning a, .alert.note-warning a, .note.note-warning a, .alert.dark a, .note.dark a, .alert.bg-info a, .note.bg-info a, .alert.bg-succsss a, .note.bg-succsss a, .alert.bg-primary a, .note.bg-primary a, .alert.bg-success a, .note.bg-success a, .alert.bg-warning a, .note.bg-warning a, .alert.gray a, .note.gray a {
        text-decoration: underline;
    }

    .alert.alert-success a, .note.alert-success a, .alert.note-success a, .note.note-success a {
        color: #31708f;
    }

    .alert.alert-danger a, .note.alert-danger a, .alert.note-danger a, .note.note-danger a {
        color: #a94442;
    }

    .alert.alert-info a, .note.alert-info a, .alert.note-info a, .note.note-info a {
        color: #31708f;
    }

    .alert.alert-warning a, .note.alert-warning a, .alert.note-warning a, .note.note-warning a {
        color: #8a6d3b;
    }

    .alert.dark a, .note.dark a, .alert.bg-info a, .note.bg-info a, .alert.bg-succsss a, .note.bg-succsss a, .alert.bg-primary a, .note.bg-primary a, .alert.bg-success a, .note.bg-success a, .alert.bg-warning a, .note.bg-warning a {
        color: #fff;
    }

.tooltip.in {
    opacity: 1;
}

.tooltip-inner {
    background-color: #222;
    color: #fff;
    font-size: 12px;
    white-space: nowrap;
    text-shadow: 1px 1px 0 rgba(42,45,50,.5);
    border-radius: 0;
    padding: 5px 9px;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #222;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #222;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #222;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #222;
}

.tooltip-danger + .tooltip > .tooltip-inner {
    background-color: #bd362f;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(100,60,20,.3);
    border-radius: 0;
}

.tooltip-danger + .tooltip.top .tooltip-arrow {
    border-top-color: #bd362f;
}

.tooltip-danger + .tooltip.right .tooltip-arrow {
    border-right-color: #bd362f;
}

.tooltip-danger + .tooltip.left .tooltip-arrow {
    border-left-color: #bd362f;
}

.tooltip-danger + .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #bd362f;
}

.tooltip-success + .tooltip > .tooltip-inner {
    background-color: #72af46;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(60,100,20,.3);
    border-radius: 0;
}

.tooltip-success + .tooltip.top .tooltip-arrow {
    border-top-color: #72af46;
}

.tooltip-success + .tooltip.right .tooltip-arrow {
    border-right-color: #72af46;
}

.tooltip-success + .tooltip.left .tooltip-arrow {
    border-left-color: #72af46;
}

.tooltip-success + .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #72af46;
}

.tooltip-warning + .tooltip > .tooltip-inner {
    background-color: #ab7a4b;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(100,90,10,.3);
    border-radius: 0;
}

.tooltip-warning + .tooltip.top .tooltip-arrow {
    border-top-color: #ab7a4b;
}

.tooltip-warning + .tooltip.right .tooltip-arrow {
    border-right-color: #ab7a4b;
}

.tooltip-warning + .tooltip.left .tooltip-arrow {
    border-left-color: #ab7a4b;
}

.tooltip-warning + .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #ab7a4b;
}

.tooltip-info + .tooltip > .tooltip-inner {
    background-color: #466baf;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(40,50,100,.3);
    border-radius: 0;
}

.tooltip-info + .tooltip.top .tooltip-arrow {
    border-top-color: #466baf;
}

.tooltip-info + .tooltip.right .tooltip-arrow {
    border-right-color: #466baf;
}

.tooltip-info + .tooltip.left .tooltip-arrow {
    border-left-color: #466baf;
}

.tooltip-info + .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #466baf;
}

.tooltip-primary + .tooltip > .tooltip-inner {
    background-color: #4e72c2;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(40,50,100,.3);
    border-radius: 0;
}

.tooltip-primary + .tooltip.top .tooltip-arrow {
    border-top-color: #4e72c2;
}

.tooltip-primary + .tooltip.right .tooltip-arrow {
    border-right-color: #4e72c2;
}

.tooltip-primary + .tooltip.left .tooltip-arrow {
    border-left-color: #4e72c2;
}

.tooltip-primary + .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #4e72c2;
}

.lists {
    padding-left: 0;
}

    .lists a.list-group-item {
        color: #414141;
    }

    .lists li {
        border: 1px solid #e5e5e5;
        border-width: 0 0 1px;
        margin-bottom: 0;
        padding: 0 15px;
        background-color: #fff;
        list-style: none;
        position: relative;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        height: 39px;
        line-height: 39px;
    }

        .lists li:hover {
            background: #f2f2f2;
            cursor: pointer;
            -webkit-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
        }

            .lists li:hover:after {
                content: "\e092";
                font-family: 'Glyphicons Halflings';
                display: block;
                position: absolute;
                right: 15px;
                top: 0;
                color: #999;
                height: 39px;
                line-height: 39px;
                font-size: 24px;
            }

            .lists li:hover .icons {
                opacity: .7;
                filter: alpha(opacity=70);
            }

        .lists li span, .lists li div {
            display: block;
            height: 39px;
            line-height: 39px;
            float: left;
            position: relative;
            overflow: hidden;
        }

            .lists li span.feed, .lists li div.feed {
                line-height: 15px !important;
                padding: 12px 0 0;
                white-space: nowrap;
                text-overflow: ellipsis;
                max-width: 75%;
                position: relative;
            }

                .lists li span.feed p, .lists li div.feed p {
                    margin: 0;
                    padding: 0;
                    font-weight: 600;
                    max-width: 45%;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                }

                .lists li span.feed small, .lists li div.feed small {
                    display: block;
                    font-style: italic;
                    color: #999;
                    font-size: 100%;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                }

                .lists li span.feed a, .lists li div.feed a, .lists li span.feed a:hover, .lists li div.feed a:hover, .lists li span.feed a:focus, .lists li div.feed a:focus {
                    text-decoration: none;
                }

            .lists li span.date, .lists li div.date, .lists li span.icons, .lists li div.icons, .lists li span.users, .lists li div.users {
                padding-right: 10px;
                color: #686868;
            }

            .lists li span.icons, .lists li div.icons {
                font-size: 16px;
            }

            .lists li span.date-time, .lists li div.date-time {
                float: right;
                position: absolute;
                top: -10px;
                right: 15px;
                font-size: 11px;
                color: #686868;
            }

            .lists li span img, .lists li div img {
                border: 2px solid #4e72c2;
                width: 37px;
                height: 37px;
                max-width: 37px;
                max-height: 37px;
            }

        .lists li label {
            display: none;
            float: left;
            height: 39px;
            line-height: 39px;
            padding-right: 10px;
        }

            .lists li label .labels {
                float: none;
            }

        .lists li.lg {
            height: 55px;
            line-height: 55px;
        }

            .lists li.lg:hover:after {
                height: 55px;
                line-height: 55px;
            }

            .lists li.lg span, .lists li.lg label, .lists li.lg div {
                height: 55px;
                line-height: 55px;
            }

                .lists li.lg span .labels, .lists li.lg label .labels, .lists li.lg div .labels, .lists li.lg span input[type=checkbox], .lists li.lg label input[type=checkbox], .lists li.lg div input[type=checkbox] {
                    margin-top: 15px;
                }

@media (min-width:767px) {
    .lists li label {
        display: block;
    }
}

.task-lists a.list-group-item {
    color: #414141;
}

.task-lists li {
    border: 0 none;
    padding: 5px 0;
}

.task-lists.ui-sortable .list-group-item:hover, .task-lists.ui-sortable a.list-group-item:focus {
    text-decoration: none;
}

.task-widget ul.task-lists {
    list-style: none;
}

.task-widget .list-group {
    margin-bottom: 0;
}

.task-widget .tcb {
    display: inline-block;
    margin-bottom: -5px;
}

    .task-widget .tcb .labels {
        cursor: pointer;
    }

.task-widget.task-lists label.todo-done span {
    text-decoration: line-through;
}

.lists-2 {
    margin-bottom: 0;
}

    .lists-2 > li {
        padding: 0;
    }

        .lists-2 > li a {
            display: block;
            padding: 10px 15px;
            color: #686868;
            text-decoration: none;
            font-weight: 500;
        }

            .lists-2 > li a [class*=fa-] {
                color: #999;
                font-size: 18px;
                width: 25px;
            }

            .lists-2 > li a [class*=glyphicon-] {
                width: 25px;
                font-size: 16px;
                color: #999;
                display: inline-block;
            }

        .lists-2 > li.active, .lists-2 > li.active:hover {
            background: #4e72c2;
            border: 0;
        }

            .lists-2 > li.active, .lists-2 > li.active:hover, .lists-2 > li.active > *, .lists-2 > li.active:hover > *, .lists-2 > li.active [class*=fa-], .lists-2 > li.active:hover [class*=fa-], .lists-2 > li.active [class*=glyphglyphicon-], .lists-2 > li.active:hover [class*=glyphglyphicon-], .lists-2 > li.active p, .lists-2 > li.active:hover p, .lists-2 > li.active p *, .lists-2 > li.active:hover p *, .lists-2 > li.active .media-heading, .lists-2 > li.active:hover .media-heading {
                color: #fff !important;
            }

                .lists-2 > li.active .badge, .lists-2 > li.active:hover .badge {
                    border: 1px solid #fff;
                }

        .lists-2 > li:hover {
            background: #f2f2f2;
        }

            .lists-2 > li:hover > a > [class*=fa-], .lists-2 > li:hover > a > [class*=glyphglyphicon-] {
                color: #4e72c2;
            }

.tc-tabs {
    margin-bottom: 15px;
}

    .tc-tabs .nav-tabs {
        border-color: #e5e5e5;
        margin-bottom: 0;
        margin-left: 0;
        position: relative;
        border-bottom: 0 none;
    }

        .tc-tabs .nav-tabs > li > a, .tc-tabs .nav-tabs > li > a:focus {
            border-radius: 0 !important;
            background-color: #f2f2f2;
            color: #555;
            margin-right: -1px;
            line-height: 16px;
            border-color: #e5e5e5;
            position: relative;
            z-index: 11;
        }

            .tc-tabs .nav-tabs > li > a:hover {
                background-color: #fff;
                color: #555;
                border-color: #e5e5e5;
            }

            .tc-tabs .nav-tabs > li > a:active, .tc-tabs .nav-tabs > li > a:focus {
                outline: 0 !important;
            }

        .tc-tabs .nav-tabs > li:first-child > a {
            margin-left: 0;
        }

        .tc-tabs .nav-tabs > li:last-child > a {
            margin-right: 0;
        }

        .tc-tabs .nav-tabs > li .badge {
            padding: 0 4px;
            line-height: 15px;
            margin-top: -5px;
            opacity: 1;
        }

        .tc-tabs .nav-tabs > li.active > a, .tc-tabs .nav-tabs > li.active > a:hover, .tc-tabs .nav-tabs > li.active > a:focus {
            color: #555;
            border-color: #e5e5e5;
            border-top: 1px solid #4e72c2;
            border-bottom-color: transparent;
            background-color: #fff;
            z-index: 12;
            line-height: 16px;
        }

        .tc-tabs .nav-tabs.no-padding > li:first-child a {
            border-left: 0 none;
        }

        .tc-tabs .nav-tabs.no-padding > li a {
            border-top-color: transparent;
        }

        .tc-tabs .nav-tabs.no-padding > li.active > a, .tc-tabs .nav-tabs.no-padding > li.active > a:hover, .tc-tabs .nav-tabs.no-padding > li.active > a:focus {
            border-top-color: transparent;
        }

        .tc-tabs .nav-tabs.pull-right > li:first-child a {
            border-left: 1px solid #e5e5e5;
        }

        .tc-tabs .nav-tabs.pull-right > li:last-child a {
            border-right: 0 none;
        }

        .tc-tabs .nav-tabs[class*=tab-color-] > li > a, .tc-tabs .nav-tabs[class*=tab-color-] > li > a:focus, .tc-tabs .nav-tabs[class*=tab-color-] > li > a:hover {
            color: #fff;
            border-color: transparent;
            margin-right: 2px;
        }

        .tc-tabs .nav-tabs.tab-color-dark > li > a, .tc-tabs .nav-tabs.tab-color-dark > li > a:focus {
            background-color: #4e72c2;
        }

        .tc-tabs .nav-tabs[class*=tab-color-] > li.active > a, .tc-tabs .nav-tabs[class*=tab-color-] > li.active > a:focus, .tc-tabs .nav-tabs[class*=tab-color-] > li.active > a:hover {
            background-color: #fff;
            color: #686868;
            box-shadow: none;
        }

        .tc-tabs .nav-tabs.tab-color-dark > li.active > a, .tc-tabs .nav-tabs.tab-color-dark > li.active > a:focus, .tc-tabs .nav-tabs.tab-color-dark > li.active > a:hover {
            color: #686868;
            border-color: #4e72c2 #e5e5e5 transparent;
        }

.tabs-below .tc-tabs .nav-tabs.tab-color-dark > li.active > a {
    border-color: transparent #e5e5e5 #e5e5e5;
}

.tc-tabs .nav-tabs.background-dark {
    background-color: #f2f2f2;
    border: 1px solid #e5e5e5;
    border-bottom: 0 none;
    padding: 15px 15px 0;
}

.tc-tabs.tabs-bottom .nav-tabs.tab-color-dark {
    border-bottom: 1px solid #e5e5e5;
}

.tc-tabs .tab-content {
    padding: 15px;
    border: 1px solid #e5e5e5;
    position: relative;
    background: #fff;
    z-index: 11;
}

.tc-tabs .nav-pills .open .dropdown-toggle, .tc-tabs .nav > li.dropdown.open.active > a:hover, .tc-tabs .nav > li.dropdown.open.active > a:focus {
    background-color: #4e72c2;
    border-color: #4e72c2;
    color: #f2f2f2;
}

    .tc-tabs .nav-pills .open .dropdown-toggle > [class*=fa-], .tc-tabs .nav > li.dropdown.open.active > a:hover > [class*=fa-], .tc-tabs .nav > li.dropdown.open.active > a:focus > [class*=fa-], .tc-tabs .nav-pills .open .dropdown-toggle [class*=glyphicon-], .tc-tabs .nav > li.dropdown.open.active > a:hover [class*=glyphicon-], .tc-tabs .nav > li.dropdown.open.active > a:focus [class*=glyphicon-] {
        color: #f2f2f2 !important;
    }

.tc-tabs.lg .nav-tabs > li > a {
    padding: 15px;
    font-size: 14px;
}

.tabs-bottom > .nav-tabs {
    top: auto;
    margin-bottom: 0;
    margin-top: -1px;
    border-color: #e5e5e5;
    border-bottom-width: 0;
}

    .tabs-bottom > .nav-tabs > li > a, .tabs-bottom > .nav-tabs > li > a:hover, .tabs-bottom > .nav-tabs > li > a:focus {
        border-color: #e5e5e5;
    }

    .tabs-bottom > .nav-tabs > li.active > a, .tabs-bottom > .nav-tabs > li.active > a:hover, .tabs-bottom > .nav-tabs > li.active > a:focus {
        border-color: #e5e5e5;
        border-bottom: 1px solid #4e72c2;
        border-top-color: transparent;
        margin-top: 0;
    }

.tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a {
    min-width: 60px;
}

.tabs-left > .nav-tabs {
    top: auto;
    margin-bottom: 0;
    border-color: #e5e5e5;
    float: left;
}

    .tabs-left > .nav-tabs > li {
        float: none;
    }

        .tabs-left > .nav-tabs > li > a, .tabs-left > .nav-tabs > li > a:focus, .tabs-left > .nav-tabs > li > a:hover {
            border-color: #e5e5e5;
            border-right-color: transparent;
            margin: 0;
        }

        .tabs-left > .nav-tabs > li.active > a, .tabs-left > .nav-tabs > li.active > a:focus, .tabs-left > .nav-tabs > li.active > a:hover {
            border-color: #e5e5e5;
            border-top-width: 1px;
            border-left: 1px solid #4e72c2;
            border-right-color: transparent;
            margin: 0 -1px 0 0;
            box-shadow: none;
        }

.tabs-right > .nav-tabs {
    top: auto;
    margin-bottom: 0;
    border-color: #e5e5e5;
    float: right;
}

    .tabs-right > .nav-tabs > li {
        float: none;
    }

        .tabs-right > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a:focus, .tabs-right > .nav-tabs > li > a:hover {
            border-color: #e5e5e5;
            border-left-color: transparent;
            margin: 0;
        }

        .tabs-right > .nav-tabs > li.active > a, .tabs-right > .nav-tabs > li.active > a:focus, .tabs-right > .nav-tabs > li.active > a:hover {
            border-color: #e5e5e5;
            border-top-width: 1px;
            border-right: 1px solid #4e72c2;
            border-left-color: transparent;
            margin: 0 0 0 -1px;
            box-shadow: none;
        }

.nav-tabs > li > a > .badge {
    padding: 0 4px;
    line-height: 15px;
}

.nav-tabs li [class*=" fa-"], .nav-tabs li [class^=fa-], .nav-tabs li [class*=" glyphicon-"], .nav-tabs li [class^=glyphicon-] {
    width: 1em;
    display: inline-block;
}

.nav-tabs > li.open .dropdown-toggle {
    background-color: #4e72c2;
    border-color: #4e72c2;
    color: #fff;
}

    .nav-tabs > li.open .dropdown-toggle > [class*=fa-], .nav-tabs > li.open .dropdown-toggle [class*=glyphicon-] {
        color: #fff;
    }

.tabs-left .tab-content, .tabs-right .tab-content {
    overflow: auto;
}

@media (max-width:480px) {
    .tabs-left > .nav-tabs, .tabs-right > .nav-tabs {
        float: none !important;
        margin-bottom: -1px;
    }

        .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a, .tabs-left > .nav-tabs > li > a:focus, .tabs-right > .nav-tabs > li > a:focus, .tabs-left > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:hover {
            border-color: #e5e5e5;
            margin: 0;
        }

        .tabs-left > .nav-tabs > li.active > a, .tabs-right > .nav-tabs > li.active > a, .tabs-left > .nav-tabs > li.active > a:focus, .tabs-right > .nav-tabs > li.active > a:focus, .tabs-left > .nav-tabs > li.active > a:hover, .tabs-right > .nav-tabs > li.active > a:hover {
            border-color: #e5e5e5;
            border-top-width: 1px;
            margin: 0;
            border-right-color: #e5e5e5;
            box-shadow: none;
        }
}

.tc-tabs .tab-lg-button.nav-tabs > li > a {
    padding-left: 15px;
    padding-right: 15px;
}

    .tc-tabs .tab-lg-button.nav-tabs > li > a > [class*=fa-]:first-child, .tc-tabs .tab-lg-button.nav-tabs > li > a [class*=glyphicon-]:first-child {
        display: block;
        margin-bottom: 6px;
        width: auto;
    }

    .tc-tabs .tab-lg-button.nav-tabs > li > a > .badge {
        position: absolute;
        line-height: 15px;
        width: 17px;
        height: 17px;
        font-size: 10px;
        padding: 1px;
        border-radius: 50%;
        top: 7px;
        right: 10px;
    }

@media (max-width:480px) {
    .tc-tabs .tab-lg-button.nav-tabs.tab-color-dark {
        padding: 0;
        border: 0 none;
        margin-bottom: -1px;
    }

        .tc-tabs .tab-lg-button.nav-tabs.tab-color-dark > li.active > a, .tc-tabs .tab-lg-button.nav-tabs.tab-color-dark > li.active > a:hover, .tc-tabs .tab-lg-button.nav-tabs.tab-color-dark > li.active > a:focus {
            border-bottom-color: #e5e5e5;
        }

        .tc-tabs .tab-lg-button.nav-tabs.tab-color-dark > li > a {
            margin-right: 0;
            margin-bottom: 2px;
        }

            .tc-tabs .tab-lg-button.nav-tabs.tab-color-dark > li > a.active, .tc-tabs .tab-lg-button.nav-tabs.tab-color-dark > li > a:hover, .tc-tabs .tab-lg-button.nav-tabs.tab-color-dark > li > a:focus {
                margin-right: 0;
            }

            .tc-tabs .tab-lg-button.nav-tabs.tab-color-dark > li > a .badge {
                float: right !important;
            }

        .tc-tabs .tab-lg-button.nav-tabs.tab-color-dark > li:last-child.active > a {
            border-bottom: 0 none;
        }

    .tc-tabs .tab-lg-button.nav-tabs > li > a > [class*=fa-]:first-child, .tc-tabs .tab-lg-button.nav-tabs > li > a [class*=glyphicon-]:first-child {
        display: inline-block;
        margin-bottom: 0;
        width: auto;
    }

    .tc-tabs .tab-lg-button.nav-tabs > li > a > [class*=fa-], .tc-tabs .tab-lg-button.nav-tabs > li > a [class*=glyphicon-] {
        margin-right: 5px;
        font-size: 13px !important;
    }

    .tc-tabs .tab-lg-button.nav-tabs > li {
        float: none;
    }

        .tc-tabs .tab-lg-button.nav-tabs > li.active > a, .tc-tabs .tab-lg-button.nav-tabs > li.active > a:hover, .tc-tabs .tab-lg-button.nav-tabs > li.active > a:focus {
            border-bottom-color: #e5e5e5;
        }

    .tc-tabs .nav-tabs > li .badge {
        margin-top: 0;
    }
}

.tc-tabs .tab-small-button.nav-tabs > li > a {
    padding: 12px 12px 5px;
}

    .tc-tabs .tab-small-button.nav-tabs > li > a > [class*=fa-]:first-child, .tc-tabs .tab-small-button.nav-tabs > li > a [class*=glyphicon-]:first-child {
        display: block;
        margin-bottom: 6px;
        width: auto;
    }

    .tc-tabs .tab-small-button.nav-tabs > li > a > .badge {
        position: absolute;
        line-height: 15px;
        width: 17px;
        height: 17px;
        font-size: 10px;
        padding: 1px;
        border-radius: 50%;
        top: 7px;
        right: 2px;
    }

.tc-tabs .nav-tabs.nav-justified {
    margin-bottom: -1px;
}

    .tc-tabs .nav-tabs.nav-justified > li > a {
        text-align: left !important;
    }

@media (max-width:767px) {
    .tc-tabs .nav-tabs.nav-justified {
        padding: 0;
        border: 0 none;
    }

        .tc-tabs .nav-tabs.nav-justified > li.active > a, .tc-tabs .nav-tabs.nav-justified > li.active > a:hover, .tc-tabs .nav-tabs.nav-justified > li.active > a:focus {
            border-bottom-color: #e5e5e5;
        }

        .tc-tabs .nav-tabs.nav-justified > li > a {
            margin-right: 0;
            margin-bottom: 0;
        }

            .tc-tabs .nav-tabs.nav-justified > li > a.active, .tc-tabs .nav-tabs.nav-justified > li > a:hover, .tc-tabs .nav-tabs.nav-justified > li > a:focus {
                margin-right: 0;
            }

            .tc-tabs .nav-tabs.nav-justified > li > a .badge {
                float: right !important;
            }

        .tc-tabs .nav-tabs.nav-justified > li:last-child.active > a {
            border-bottom: 0 none;
        }

    .tc-tabs .tab-color-dark.nav-justified > li > a {
        margin-bottom: 2px;
    }
}

.tc-tabsbar {
    margin-bottom: 15px;
}

    .tc-tabsbar .nav-tabs {
        border: 1px solid #e5e5e5;
        margin-bottom: 15px;
    }

        .tc-tabsbar .nav-tabs > li {
            height: 41px;
            padding: 1px;
            display: inline-block;
            margin-bottom: 0;
            border-right: 1px solid #e5e5e5;
        }

            .tc-tabsbar .nav-tabs > li > a {
                border: 0 none;
                height: 39px;
                line-height: 39px;
                display: block;
                padding: 0 15px;
                color: #686868;
                margin-right: 0;
            }

                .tc-tabsbar .nav-tabs > li > a .glyphicon {
                    top: 2px;
                }

                .tc-tabsbar .nav-tabs > li > a:active, .tc-tabsbar .nav-tabs > li > a:focus {
                    outline: 0 !important;
                }

                .tc-tabsbar .nav-tabs > li > a, .tc-tabsbar .nav-tabs > li > a:focus {
                    border-radius: 0 !important;
                }

                    .tc-tabsbar .nav-tabs > li > a:hover {
                        background-color: transparent;
                    }

                    .tc-tabsbar .nav-tabs > li > a .badge {
                        margin-left: 4px;
                    }

                    .tc-tabsbar .nav-tabs > li > a:first-child {
                        border-left: 0 none;
                    }

            .tc-tabsbar .nav-tabs > li.active > a {
                background: #4e72c2;
                color: #fff;
                border: 0 none;
            }

                .tc-tabsbar .nav-tabs > li.active > a:hover, .tc-tabsbar .nav-tabs > li.active > a:focus {
                    border: 0 none;
                }

            .tc-tabsbar .nav-tabs > li.active .badge {
                background-color: #fff !important;
                color: #4e72c2 !important;
            }

        .tc-tabsbar .nav-tabs.light {
            border-color: #e5e5e5 !important;
        }

        .tc-tabsbar .nav-tabs.white {
            background-color: transparent !important;
        }

            .tc-tabsbar .nav-tabs.white > li > a {
                background: #fff;
            }

            .tc-tabsbar .nav-tabs.white > li.active > a {
                background: #4e72c2 !important;
            }

@media (min-width:768px) {
    .tc-tabsbar.lg .nav-tabs > li {
        height: 60px;
        padding: 3px;
    }

        .tc-tabsbar.lg .nav-tabs > li > a {
            height: 54px;
            line-height: 54px;
            font-size: 14px;
        }
}

.tc-tabsbar.arrow .nav-tabs > li.active:after {
    width: 0;
    height: 0;
    z-index: 2;
    content: " ";
    display: block;
    border: 10px solid;
    border-color: #4e72c2 transparent transparent;
    margin: 0 auto -7px;
}

.tc-tabsbar.center-tabs .nav-tabs {
    text-align: center;
    margin: 0 auto 15px;
    border: 0 none;
    padding: 0;
}

    .tc-tabsbar.center-tabs .nav-tabs > li {
        display: inline-block;
        float: none;
        border: 1px solid #e5e5e5;
        padding: 0 !important;
        margin-right: -4px;
        border-right: 0 none;
    }

        .tc-tabsbar.center-tabs .nav-tabs > li.active {
            border-color: #4e72c2;
        }

            .tc-tabsbar.center-tabs .nav-tabs > li.active:last-child {
                border-right: 1px solid #4e72c2;
            }

        .tc-tabsbar.center-tabs .nav-tabs > li:first-child {
            margin-left: 0;
        }

        .tc-tabsbar.center-tabs .nav-tabs > li:last-child {
            margin-right: 0;
            border-right: 1px solid #e5e5e5;
        }

@media (min-width:767px) {
    .tc-tabsbar.center-tabs.lg .nav-tabs > li > a {
        height: 58px;
        line-height: 58px;
    }
}

@media (max-width:767px) {
    .tc-tabsbar .nav-tabs {
        border: 0 none !important;
    }

        .tc-tabsbar .nav-tabs > li {
            display: block !important;
            text-align: left !important;
            float: none !important;
            border: 1px solid #e5e5e5 !important;
            margin-right: 0 !important;
            margin-bottom: -1px;
            padding: 0 !important;
        }

            .tc-tabsbar .nav-tabs > li.active {
                border-color: #4e72c2 !important;
            }

    .tc-tabsbar.arrow .nav-tabs > li.active:after {
        display: none !important;
    }
}

.tab-content.no-padding {
    padding: 0;
}

.tab-content.no-border {
    border: 0 none;
    padding: 15px;
}

.tab-content.padding-32 {
    padding: 32px 24px;
}

.tab-content.no-border.padding-32 {
    padding: 32px;
}

.tab-content.padding-30 {
    padding: 30px 23px;
}

.tab-content.no-border.padding-30 {
    padding: 30px;
}

.tab-content.padding-28 {
    padding: 28px 21px;
}

.tab-content.no-border.padding-28 {
    padding: 28px;
}

.tab-content.padding-26 {
    padding: 26px 20px;
}

.tab-content.no-border.padding-26 {
    padding: 26px;
}

.tab-content.padding-24 {
    padding: 24px 18px;
}

.tab-content.no-border.padding-24 {
    padding: 24px;
}

.tab-content.padding-22 {
    padding: 22px 17px;
}

.tab-content.no-border.padding-22 {
    padding: 22px;
}

.tab-content.padding-20 {
    padding: 20px 15px;
}

.tab-content.no-border.padding-20 {
    padding: 20px;
}

.tab-content.padding-18 {
    padding: 18px 14px;
}

.tab-content.no-border.padding-18 {
    padding: 18px;
}

.tab-content.padding-16 {
    padding: 16px 12px;
}

.tab-content.no-border.padding-16 {
    padding: 16px;
}

.tab-content.padding-14 {
    padding: 14px 11px;
}

.tab-content.no-border.padding-14 {
    padding: 14px;
}

.tab-content.padding-12 {
    padding: 12px 9px;
}

.tab-content.no-border.padding-12 {
    padding: 12px;
}

.tab-content.padding-10 {
    padding: 10px 8px;
}

.tab-content.no-border.padding-10 {
    padding: 10px;
}

.tab-content.padding-8 {
    padding: 8px 6px;
}

.tab-content.no-border.padding-8 {
    padding: 8px;
}

.tab-content.padding-6 {
    padding: 6px 5px;
}

.tab-content.no-border.padding-6 {
    padding: 6px;
}

.tab-content.padding-4 {
    padding: 4px 3px;
}

.tab-content.no-border.padding-4 {
    padding: 4px;
}

.tab-content.padding-2 {
    padding: 2px;
}

.tab-content.no-border.padding-2 {
    padding: 2px;
}

.tab-content.padding-0 {
    padding: 0;
}

.tab-content.no-border.padding-0 {
    padding: 0;
}

.tc-accordion .panel .panel-heading {
    padding: 0;
}

    .tc-accordion .panel .panel-heading a .panel-title {
        color: #686868;
        padding: 10px;
        font-size: 14px;
    }

        .tc-accordion .panel .panel-heading a .panel-title [class*=" fa-"], .tc-accordion .panel .panel-heading a .panel-title [class^=fa-], .tc-accordion .panel .panel-heading a .panel-title [class*=" glyphicon-"], .tc-accordion .panel .panel-heading a .panel-title [class^=glyphicon-] {
            width: 16px;
            min-width: 16px;
        }

    .tc-accordion .panel .panel-heading a:hover, .tc-accordion .panel .panel-heading a:focus {
        text-decoration: none;
    }

.tc-accordion .panel.panel-primary.panel, .tc-accordion .panel.panel-success.panel, .tc-accordion .panel.panel-info.panel, .tc-accordion .panel.panel-warning.panel, .tc-accordion .panel.panel-danger.panel {
    border-color: #e5e5e5;
}

    .tc-accordion .panel.panel-primary.panel .panel-heading, .tc-accordion .panel.panel-success.panel .panel-heading, .tc-accordion .panel.panel-info.panel .panel-heading, .tc-accordion .panel.panel-warning.panel .panel-heading, .tc-accordion .panel.panel-danger.panel .panel-heading {
        border-color: #e5e5e5;
    }

        .tc-accordion .panel.panel-primary.panel .panel-heading a .panel-title, .tc-accordion .panel.panel-success.panel .panel-heading a .panel-title, .tc-accordion .panel.panel-info.panel .panel-heading a .panel-title, .tc-accordion .panel.panel-warning.panel .panel-heading a .panel-title, .tc-accordion .panel.panel-danger.panel .panel-heading a .panel-title {
            color: #fff;
        }

.tc-accordion .panel.panel-default .panel-heading {
    background-color: #f2f2f2;
}

.tc-accordion .panel.panel-primary .panel-heading {
    background-color: #4e72c2;
}

.tc-accordion .panel.panel-success .panel-heading {
    background-color: #72af46;
}

.tc-accordion .panel.panel-info .panel-heading {
    background-color: #466baf;
}

.tc-accordion .panel.panel-warning .panel-heading {
    background-color: #ab7a4b;
}

.tc-accordion .panel.panel-danger .panel-heading {
    background-color: #bd362f;
}

.tc-accordion.no-border .panel.panel-default {
    border: 0;
}

    .tc-accordion.no-border .panel.panel-default .panel-heading {
        border: 1px solid #4e72c2;
        border-width: 0 0 0 1px;
    }

        .tc-accordion.no-border .panel.panel-default .panel-heading.accordion-active {
            background: #4e72c2;
        }

            .tc-accordion.no-border .panel.panel-default .panel-heading.accordion-active a .panel-title {
                color: #fff;
            }

                .tc-accordion.no-border .panel.panel-default .panel-heading.accordion-active a .panel-title [class*=" fa-"], .tc-accordion.no-border .panel.panel-default .panel-heading.accordion-active a .panel-title [class^=fa-], .tc-accordion.no-border .panel.panel-default .panel-heading.accordion-active a .panel-title [class*=" glyphicon-"], .tc-accordion.no-border .panel.panel-default .panel-heading.accordion-active a .panel-title [class^=glyphicon-] {
                    color: #fff !important;
                }

.tc-accordion.no-border .panel .panel-body {
    border: 0 !important;
}

.tc-accordion-simple .panel {
    border: 0 none;
}

    .tc-accordion-simple .panel .panel-heading {
        padding: 0;
        border-width: 0;
        background-color: transparent !important;
    }

        .tc-accordion-simple .panel .panel-heading a .panel-title {
            padding: 6px 10px;
            font-size: 14px;
        }

            .tc-accordion-simple .panel .panel-heading a .panel-title [class*=" fa-"], .tc-accordion-simple .panel .panel-heading a .panel-title [class^=fa-], .tc-accordion-simple .panel .panel-heading a .panel-title [class*=" glyphicon-"], .tc-accordion-simple .panel .panel-heading a .panel-title [class^=glyphicon-] {
                width: 16px;
                min-width: 16px;
            }

        .tc-accordion-simple .panel .panel-heading a:hover, .tc-accordion-simple .panel .panel-heading a:focus {
            text-decoration: none;
        }

        .tc-accordion-simple .panel .panel-heading.accordion-active a .panel-title {
            font-weight: 700;
        }

        .tc-accordion-simple .panel .panel-heading + .panel-collapse .panel-body {
            border: 0 none;
            padding-top: 10px;
        }

    .tc-accordion-simple .panel.panel-default .panel-heading a .panel-title {
        color: #686868;
    }

    .tc-accordion-simple .panel.panel-primary .panel-heading a .panel-title {
        color: #4e72c2 !important;
    }

    .tc-accordion-simple .panel.panel-success .panel-heading a .panel-title {
        color: #72af46 !important;
    }

    .tc-accordion-simple .panel.panel-warning .panel-heading a .panel-title {
        color: #ab7a4b !important;
    }

    .tc-accordion-simple .panel.panel-info .panel-heading a .panel-title {
        color: #466baf !important;
    }

.progress {
    box-shadow: none;
    background: #e5e5e5;
    height: 18px;
}

    .progress .progress-bar {
        box-shadow: none;
        line-height: 18px;
    }

    .progress[data-percent] {
        position: relative;
    }

        .progress[data-percent]:after {
            display: inline-block;
            content: attr(data-percent);
            color: #fff;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            line-height: 16px;
            text-align: center;
            font-size: 12px;
            font-family: Verdana;
        }

    .progress.progress-yellow[data-percent]:after {
        color: #963;
    }

    .progress.progress-small {
        height: 12px;
    }

        .progress.progress-small .progress-bar {
            line-height: 11px;
            font-size: 11px;
        }

        .progress.progress-small[data-percent]:after {
            line-height: 11px;
            font-size: 11px;
        }

    .progress.progress-mini {
        height: 9px;
    }

        .progress.progress-mini .progress-bar {
            line-height: 8px;
            font-size: 11px;
        }

        .progress.progress-mini[data-percent]:after {
            line-height: 8px;
            font-size: 11px;
        }

.progress-bar {
    background-color: #999;
}

.progress-bar-primary {
    background-color: #4e72c2;
}

.progress-bar-danger {
    background-color: #bd362f;
}

.progress-bar-success {
    background-color: #72af46;
}

.progress-bar-warning {
    background-color: #ab7a4b;
}

.progress-bar-info {
    background-color: #466baf;
}

.progress-bar-inverse {
    background-color: #414141;
}

.progress {
    position: relative;
}

    .progress:before {
        display: inline-block;
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(0,0,255,0);
    }

.skills .progress[data-percent] {
    position: relative;
}

    .skills .progress[data-percent]:after {
        display: none;
    }

.skills .progress .progress-type {
    position: absolute;
    left: 0;
    padding: 1px 7px 0;
    line-height: 16px;
    font-size: 11px;
    color: #f2f2f2;
    background-color: rgba(25,25,25,.2);
}

.skills .progress .progress-completed {
    position: absolute;
    right: 0;
    padding: 0 7px;
    line-height: 16px;
}

.skills .progress.progress-mini {
    height: 9px;
}

    .skills .progress.progress-mini .progress-bar {
        line-height: 8px;
    }

    .skills .progress.progress-mini .progress-type, .skills .progress.progress-mini .progress-completed {
        display: none;
    }

.skills .progress.progress-small .progress-type, .skills .progress.progress-small .progress-completed {
    font-size: 11px;
    line-height: 11px !important;
}

.dropdown-menu {
    border-radius: 0 !important;
    font-size: 13px;
}

    .dropdown-menu > li > a {
        padding-left: 11px;
        padding-right: 11px;
        margin-bottom: 1px;
        margin-top: 1px;
        color: #686868;
    }

    .dropdown-menu.dropdown-only-icon {
        min-width: 50px;
    }

        .dropdown-menu.dropdown-only-icon > li {
            float: left;
            margin: 0 4px;
        }

            .dropdown-menu.dropdown-only-icon > li > a [class*=fa-], .dropdown-menu.dropdown-only-icon > li > a [class*=glyphicon-] {
                width: 18px;
                display: inline-block;
            }

    .dropdown-menu.dropdown-yellow li > a:hover, .dropdown-menu.dropdown-yellow li > a:focus, .dropdown-menu.dropdown-yellow li > a:active, .dropdown-menu.dropdown-yellow li.active a, .dropdown-menu.dropdown-yellow li.active a:hover {
        background: #feeebb;
        color: #555;
    }

    .dropdown-menu.dropdown-primary li > a:hover, .dropdown-menu.dropdown-primary li > a:focus, .dropdown-menu.dropdown-primary li > a:active, .dropdown-menu.dropdown-primary li.active a, .dropdown-menu.dropdown-primary li.active a:hover {
        background: #4e72c2;
        color: #fff;
    }

    .dropdown-menu.dropdown-success li > a:hover, .dropdown-menu.dropdown-success li > a:focus, .dropdown-menu.dropdown-success li > a:active, .dropdown-menu.dropdown-success li.active a, .dropdown-menu.dropdown-success li.active a:hover {
        background: #72af46;
        color: #fff;
    }

    .dropdown-menu.dropdown-danger li > a:hover, .dropdown-menu.dropdown-danger li > a:focus, .dropdown-menu.dropdown-danger li > a:active, .dropdown-menu.dropdown-danger li.active a, .dropdown-menu.dropdown-danger li.active a:hover {
        background: #bd362f;
        color: #fff;
    }

    .dropdown-menu.dropdown-info li > a:hover, .dropdown-menu.dropdown-info li > a:focus, .dropdown-menu.dropdown-info li > a:active, .dropdown-menu.dropdown-info li.active a, .dropdown-menu.dropdown-info li.active a:hover {
        background: #466baf;
        color: #fff;
    }

    .dropdown-menu.dropdown-warning li > a:hover, .dropdown-menu.dropdown-warning li > a:focus, .dropdown-menu.dropdown-warning li > a:active, .dropdown-menu.dropdown-warning li.active a, .dropdown-menu.dropdown-warning li.active a:hover {
        background: #ab7a4b;
        color: #fff;
    }

    .dropdown-menu.dropdown-close {
        top: 92%;
        left: -5px;
    }

        .dropdown-menu.dropdown-close.dropdown-menu-right {
            left: auto;
            right: -5px;
        }

    .dropdown-menu.dropdown-closer {
        top: 80%;
        left: -10px;
    }

        .dropdown-menu.dropdown-closer.dropdown-menu-right {
            right: -10px;
            left: auto;
        }

    .dropdown-menu.dropdown-caret:before {
        border-bottom: 7px solid rgba(0,0,0,.2);
        -moz-border-bottom-colors: rgba(0,0,0,.2);
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        content: "";
        display: inline-block;
        left: 9px;
        position: absolute;
        top: -7px;
    }

    .dropdown-menu.dropdown-caret:after {
        border-bottom: 6px solid #fff;
        -moz-border-bottom-colors: #fff;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        content: "";
        display: inline-block;
        left: 10px;
        position: absolute;
        top: -6px;
    }

    .dropdown-menu.dropdown-menu-right.dropdown-caret:before {
        left: auto;
        right: 9px;
    }

    .dropdown-menu.dropdown-menu-right.dropdown-caret:after {
        left: auto;
        right: 10px;
    }

.dropup > .dropdown-menu.dropdown-caret:before {
    border-bottom-width: 0;
    border-top: 7px solid rgba(0,0,0,.2);
    -moz-border-top-colors: rgba(0,0,0,.2);
    bottom: -7px;
    top: auto;
}

.dropup > .dropdown-menu.dropdown-caret:after {
    border-bottom-width: 0;
    border-top: 6px solid #FFF;
    -moz-border-top-colors: #FFF;
    bottom: -6px;
    top: auto;
}

.dropdown-100 {
    min-width: 100px;
}

.dropdown-125 {
    min-width: 125px;
}

.dropdown-150 {
    min-width: 150px;
}

.dropdown-175 {
    min-width: 175px;
}

.dropdown-200 {
    min-width: 200px;
}

.dropdown-225 {
    min-width: 225px;
}

.dropdown-checkboxes li {
    margin: 4px 10px;
}

.dropdown-colorpicker > .dropdown-menu {
    padding: 4px;
    min-width: 130px;
    max-width: 130px;
    top: 80%;
    left: -7px;
}

    .dropdown-colorpicker > .dropdown-menu.dropdown-menu-right {
        right: -7px;
        left: auto;
    }

    .dropdown-colorpicker > .dropdown-menu > li {
        display: block;
        float: left;
        width: 20px;
        height: 20px;
        margin: 2px;
    }

        .dropdown-colorpicker > .dropdown-menu > li > .colorpick-btn {
            display: block;
            width: 20px;
            height: 20px;
            margin: 0;
            padding: 0;
            border-radius: 0;
            position: relative;
            -webkit-transition: all ease .1s;
            -o-transition: all ease .1s;
            transition: all ease .1s;
        }

            .dropdown-colorpicker > .dropdown-menu > li > .colorpick-btn:hover {
                text-decoration: none;
                opacity: .8;
                filter: alpha(opacity=80);
                -webkit-transform: scale(1.08,1.08);
                -ms-transform: scale(1.08,1.08);
                -o-transform: scale(1.08,1.08);
                transform: scale(1.08,1.08);
            }

            .dropdown-colorpicker > .dropdown-menu > li > .colorpick-btn.selected:after {
                content: "\f00c";
                display: inline-block;
                font-family: FontAwesome;
                color: #fff;
                position: absolute;
                left: 0;
                right: 0;
                text-align: center;
                line-height: 21px;
            }

.navbar-top .dropdown-menu, .top-navbar .dropdown-menu {
    padding: 0;
    margin-top: -2px !important;
    -webkit-box-shadow: 5px 5px rgba(102,102,102,.1);
    box-shadow: 5px 5px rgba(102,102,102,.1);
}

    .navbar-top .dropdown-menu li, .top-navbar .dropdown-menu li {
        border-bottom: 1px solid #f5f5f5;
    }

        .navbar-top .dropdown-menu li:first-child, .top-navbar .dropdown-menu li:first-child {
            border-top: 2px solid #4e72c2;
        }

        .navbar-top .dropdown-menu li:last-child, .top-navbar .dropdown-menu li:last-child {
            border-bottom: 0 none;
        }

        .navbar-top .dropdown-menu li > a, .top-navbar .dropdown-menu li > a {
            padding: 7.5px 15px;
            margin: 0;
        }

            .navbar-top .dropdown-menu li > a:hover, .top-navbar .dropdown-menu li > a:hover, .navbar-top .dropdown-menu li > a:focus, .top-navbar .dropdown-menu li > a:focus, .navbar-top .dropdown-menu li > a:active, .top-navbar .dropdown-menu li > a:active, .navbar-top .dropdown-menu li.active a, .top-navbar .dropdown-menu li.active a, .navbar-top .dropdown-menu li.active a:hover, .top-navbar .dropdown-menu li.active a:hover {
                background: #4e72c2;
                color: #fff;
            }

@media (min-width:992px) {
    .navbar-top .dropdown-menu, .top-navbar .dropdown-menu, .b-right .dropdown-menu {
        z-index: 1031;
    }

    .navbar-top .show-on-hover:hover ul.dropdown-menu, .top-navbar .show-on-hover:hover ul.dropdown-menu, .b-right .show-on-hover:hover ul.dropdown-menu {
        display: block;
    }
}

.tc-table {
    background: #fff;
    margin-bottom: 15px;
}

    .tc-table.table > thead > tr > th, .tc-table.table > thead > tr > td {
        border-bottom: 3px double #e5e5e5;
        border-color: #e5e5e5;
    }

        .tc-table.table > thead > tr > th label, .tc-table.table > thead > tr > td label {
            margin-bottom: 0;
        }

    .tc-table.table .col-small {
        width: 45px;
        min-width: 45px;
    }

        .tc-table.table .col-small.center {
            text-align: center;
        }

    .tc-table.table .col-medium {
        width: 125px;
        min-width: 125px;
    }

        .tc-table.table .col-medium.center {
            text-align: center;
        }

@media (max-width:992px) {
    .tc-table.table .tool-bars {
        width: 45px;
        min-width: 45px;
    }
}

.tc-table.table label {
    margin-bottom: 0;
}

.tc-table.table ul.table-mobile-ul {
    margin-top: 5px;
    padding-left: 5px;
    border-left: 2px solid #e5e5e5;
}

.tc-table.table > thead > tr > th[class*=sorted] {
    color: #4e72c2;
}

@media (max-width:360px) {
    .tc-table.table {
        font-size: 12px;
    }
}

.tc-table.footable > thead > tr > th > span.footable-sort-indicator {
    color: #999;
    float: right;
    margin-right: 4px;
}

.tc-table.table-bordered {
    border: 1px solid #e5e5e5;
}

    .tc-table.table-bordered > thead > tr > th, .tc-table.table-bordered > tbody > tr > th, .tc-table.table-bordered > tfoot > tr > th, .tc-table.table-bordered > thead > tr > td, .tc-table.table-bordered > tbody > tr > td, .tc-table.table-bordered > tfoot > tr > td {
        border: 1px solid #e5e5e5;
    }

    .tc-table.table-bordered > thead > tr > th, .tc-table.table-bordered > thead > tr > td {
        border-bottom: 3px double #e5e5e5;
    }

.tc-table.table-primary.table > thead > tr > th, .tc-table.table-primary.table > thead > tr > td {
    border-bottom-width: 1px;
    background: #4e72c2;
    color: #fff;
}

.tc-table.table-primary.footable > thead > tr > th > span.footable-sort-indicator {
    color: #fff;
}

.tc-table.table-primary.table-bordered > thead {
    border-bottom: 2px solid #3d60b0;
}

    .tc-table.table-primary.table-bordered > thead > tr > th {
        border: 1px solid #3d60b0;
    }

        .tc-table.table-primary.table-bordered > thead > tr > th:first-child {
            border-left: 1px solid #3d60b0;
        }

        .tc-table.table-primary.table-bordered > thead > tr > th:last-child {
            border-right: 1px solid #3d60b0;
        }

.tc-table.table-primary.table-bordered.dataTable {
    margin-bottom: 0;
}

    .tc-table.table-primary.table-bordered.dataTable th[class*=sort]:after {
        color: #fff;
    }

    .tc-table.table-primary.table-bordered.dataTable th[class*=sorting_], .tc-table.table-primary.table-bordered.dataTable th.sorting_desc:after, .tc-table.table-primary.table-bordered.dataTable th.sorting_asc:after {
        color: #fff;
    }

.dataTable {
    margin-bottom: 0;
}

    .dataTable th[class*=sort] {
        cursor: pointer;
        outline: 0 none !important;
    }

        .dataTable th[class*=sort]:after {
            content: "\f0dc";
            display: inline-block;
            color: #999;
            font-family: FontAwesome;
            font-size: 13px;
            font-weight: 400;
            float: right;
            margin-right: 4px;
            position: relative;
        }

    .dataTable th[class*=sorting_] {
        color: #4e72c2;
    }

    .dataTable th.sorting_desc:after {
        content: "\f0dd";
        top: -6px;
        color: #999;
    }

    .dataTable th.sorting_asc:after {
        content: "\f0de";
        top: 4px;
        color: #999;
    }

    .dataTable th.sorting_disabled {
        cursor: inherit;
    }

        .dataTable th.sorting_disabled:after {
            display: none;
        }

.dataTables_length select {
    width: 60px;
    padding: 2px 3px;
}

.dataTables_length label {
    font-weight: 400;
}

.dataTables_filter {
    text-align: right;
}

    .dataTables_filter input[type=text] {
        width: 125px;
        padding: 4px 6px;
    }

    .dataTables_filter label {
        font-weight: 400;
    }

.dataTables_info {
    font-size: 13px;
    margin: 5px 12px;
}

.dataTables_paginate {
    text-align: right;
}

    .dataTables_paginate .pagination {
        margin: 5px 12px;
    }

.dataTables_wrapper label {
    display: inline-block;
}

.dataTables_wrapper input[type=text], .dataTables_wrapper select {
    margin-bottom: 0 !important;
    margin: 0 4px;
}

.dataTables_wrapper .row {
    margin: 0;
}

    .dataTables_wrapper .row:first-child {
        padding-top: 12px;
        padding-bottom: 12px;
        border-bottom: 0 none;
    }

        .dataTables_wrapper .row:first-child + .dataTable {
            border-top: 1px solid #e5e5e5;
            border-bottom: 1px solid #e5e5e5;
        }

    .dataTables_wrapper .row:last-child {
        padding-top: 12px;
        padding-bottom: 12px;
        border-top: 0 none;
    }

.footable-row-detail-row {
    display: block;
    line-height: 1.5em;
}

.dataTable.table.has-columns-hidden > tbody > tr > td > span.responsiveExpander {
    cursor: pointer;
}

    .dataTable.table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:before {
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
        content: "\f067";
        padding-right: 5px;
        font-size: 18px;
        color: #888;
    }

.dataTable.table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    content: "\f068";
    padding-right: 5px;
    font-size: 18px;
    color: #888;
}

.dataTable.table.has-columns-hidden > tbody > tr.row-detail > td > ul > li > span.columnTitle {
    font-weight: 700;
}

#tcSilder ul.thumbnails, #tc-slider-2 ul.thumbnails, .owl-carousel ul.thumbnails {
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (max-width:640px) {
    #tcSilder ul.thumbnails li, #tc-slider-2 ul.thumbnails li, .owl-carousel ul.thumbnails li {
        margin-bottom: 30px;
    }
}

#tcSilder .thumbnail, #tc-slider-2 .thumbnail, .owl-carousel .thumbnail, #tcSilder .slide-item, #tc-slider-2 .slide-item, .owl-carousel .slide-item {
    position: relative;
    overflow: hidden;
}

    #tcSilder .thumbnail img, #tc-slider-2 .thumbnail img, .owl-carousel .thumbnail img, #tcSilder .slide-item img, #tc-slider-2 .slide-item img, .owl-carousel .slide-item img {
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

    #tcSilder .thumbnail .tools, #tc-slider-2 .thumbnail .tools, .owl-carousel .thumbnail .tools, #tcSilder .slide-item .tools, #tc-slider-2 .slide-item .tools, .owl-carousel .slide-item .tools {
        position: absolute;
        top: -100%;
        right: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        color: #fff !important;
        z-index: 2;
        -webkit-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

        #tcSilder .thumbnail .tools .fa, #tc-slider-2 .thumbnail .tools .fa, .owl-carousel .thumbnail .tools .fa, #tcSilder .slide-item .tools .fa, #tc-slider-2 .slide-item .tools .fa, .owl-carousel .slide-item .tools .fa, #tcSilder .thumbnail .tools .glyphicon, #tc-slider-2 .thumbnail .tools .glyphicon, .owl-carousel .thumbnail .tools .glyphicon, #tcSilder .slide-item .tools .glyphicon, #tc-slider-2 .slide-item .tools .glyphicon, .owl-carousel .slide-item .tools .glyphicon {
            background: rgba(0,0,0,.55);
            font-size: 16px;
            padding: 15px;
            border-radius: 100%;
            color: #f2f2f2;
            -webkit-transition: all .5s linear;
            -o-transition: all .5s linear;
            transition: all .5s linear;
        }

            #tcSilder .thumbnail .tools .fa:hover, #tc-slider-2 .thumbnail .tools .fa:hover, .owl-carousel .thumbnail .tools .fa:hover, #tcSilder .slide-item .tools .fa:hover, #tc-slider-2 .slide-item .tools .fa:hover, .owl-carousel .slide-item .tools .fa:hover, #tcSilder .thumbnail .tools .glyphicon:hover, #tc-slider-2 .thumbnail .tools .glyphicon:hover, .owl-carousel .thumbnail .tools .glyphicon:hover, #tcSilder .slide-item .tools .glyphicon:hover, #tc-slider-2 .slide-item .tools .glyphicon:hover, .owl-carousel .slide-item .tools .glyphicon:hover {
                background: #4e72c2;
            }

        #tcSilder .thumbnail .tools .btn, #tc-slider-2 .thumbnail .tools .btn, .owl-carousel .thumbnail .tools .btn, #tcSilder .slide-item .tools .btn, #tc-slider-2 .slide-item .tools .btn, .owl-carousel .slide-item .tools .btn {
            background: rgba(0,0,0,.55);
            border: 1px solid rgba(0,0,0,.1);
            font-size: 13px;
            color: #f2f2f2;
            -webkit-transition: all .5s linear;
            -o-transition: all .5s linear;
            transition: all .5s linear;
        }

            #tcSilder .thumbnail .tools .btn:hover, #tc-slider-2 .thumbnail .tools .btn:hover, .owl-carousel .thumbnail .tools .btn:hover, #tcSilder .slide-item .tools .btn:hover, #tc-slider-2 .slide-item .tools .btn:hover, .owl-carousel .slide-item .tools .btn:hover {
                background: #4e72c2;
            }

    #tcSilder .thumbnail:hover img, #tc-slider-2 .thumbnail:hover img, .owl-carousel .thumbnail:hover img, #tcSilder .slide-item:hover img, #tc-slider-2 .slide-item:hover img, .owl-carousel .slide-item:hover img {
        -moz-transform: scale(1.3);
        -webkit-transform: scale(1.3);
        -o-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
    }

    #tcSilder .thumbnail:hover .tools, #tc-slider-2 .thumbnail:hover .tools, .owl-carousel .thumbnail:hover .tools, #tcSilder .slide-item:hover .tools, #tc-slider-2 .slide-item:hover .tools, .owl-carousel .slide-item:hover .tools {
        top: 35%;
    }

#tcSilder .carousel {
    margin-bottom: 0;
}

#tcSilder .item div.slide-contents {
    padding: 15px 0;
    display: block;
    border-top: 1px dotted #e5e5e5;
}

#tcSilder .left-btn, #tcSilder .right-btn {
    top: -30px;
}

#testimonials .carousel {
    margin-bottom: 0;
}

#testimonials .item div.testimonials-slide {
    padding: 15px;
    color: #8a8a8a;
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-style: italic;
    background: #f8f8f8;
}

#testimonials .carousel-info {
    overflow: hidden;
    padding-top: 15px;
    background: url(../../images/arrow-testimonials.png) no-repeat 83px 0;
}

    #testimonials .carousel-info img {
        width: 75px;
        height: 75px;
        padding: 3px;
        border-radius: 150px !important;
        border: solid 1px #f5f5f5;
    }

#testimonials .carousel-info {
    overflow: hidden;
}

    #testimonials .carousel-info img {
        margin-right: 15px;
    }

    #testimonials .carousel-info span {
        display: block;
    }

#testimonials span.testimonials-name {
    color: #4e72c2;
    font-size: 14px;
    margin: 23px 0 7px;
}

#testimonials span.testimonials-post {
    color: #656565;
    font-size: 12px;
}

#testimonials .left-btn, #testimonials .right-btn {
    bottom: 30px;
}

#tcSilder .left-btn, #testimonials .left-btn, #tcSilder .right-btn, #testimonials .right-btn {
    right: 0;
    width: 26px;
    height: 26px;
    position: absolute;
    display: inline-block;
    background: #f2f2f2;
    color: #999;
    text-decoration: none;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
}

    #tcSilder .left-btn:hover, #testimonials .left-btn:hover, #tcSilder .right-btn:hover, #testimonials .right-btn:hover {
        background: #4e72c2;
        color: #fff;
    }

#tcSilder .left-btn, #testimonials .left-btn {
    right: 27px;
}

    #tcSilder .left-btn:before, #testimonials .left-btn:before {
        content: "\f104";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
    }

    #tcSilder .left-btn:hover:before, #testimonials .left-btn:hover:before {
        content: "\f105";
    }

#tcSilder .right-btn, #testimonials .right-btn {
    background: #f2f2f2;
}

    #tcSilder .right-btn:before, #testimonials .right-btn:before {
        content: "\f105";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
    }

    #tcSilder .right-btn:hover:before, #testimonials .right-btn:hover:before {
        content: "\f104";
    }

.carousel {
    margin-bottom: 15px;
}

    .carousel .carousel-caption {
        text-shadow: none;
        background: rgba(0,0,0,.5);
        left: 0;
        right: 0;
        bottom: 0;
    }

        .carousel .carousel-caption h4 {
            color: #fff;
            text-shadow: none;
            font-weight: 500;
        }

    .carousel .carousel-control {
        text-shadow: none;
        color: transparent;
    }

        .carousel .carousel-control.left, .carousel .carousel-control.right {
            background-image: none !important;
        }

        .carousel .carousel-control.right {
            text-align: center;
        }

    .carousel .carousel-indicators {
        bottom: 0;
    }

        .carousel .carousel-indicators li {
            border-radius: 0;
        }

    .carousel.tc-carousel .item {
        overflow: hidden;
    }

    .carousel.tc-carousel .carousel-indicators {
        top: auto;
        bottom: -23px;
        margin: 0;
        width: auto;
        right: 0;
        left: 0;
    }

        .carousel.tc-carousel .carousel-indicators li {
            background: #fff;
            border-color: #4e72c2;
        }

            .carousel.tc-carousel .carousel-indicators li.active {
                background: #9aaedc;
            }

        .carousel.tc-carousel .carousel-indicators.right {
            text-align: right;
        }

        .carousel.tc-carousel .carousel-indicators.left {
            text-align: left;
        }

    .carousel:hover .carousel-control, .carousel.focus .carousel-control {
        color: #4e72c2;
        opacity: .55;
        filter: alpha(opacity=55.00000000000001);
    }

.tp-slider {
    z-index: 1;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
}

    .tp-slider .tp-banner-container {
        width: 100%;
        position: relative;
        padding: 0;
    }

    .tp-slider .tp-banner {
        width: 100%;
        position: relative;
    }

    .tp-slider .title_white, .tp-slider .title, .tp-slider .subtitle_white {
        font-weight: 300;
    }

    .tp-slider .subtitle, .tp-slider .title_white_bold {
        font-weight: 400;
    }

    .tp-slider .title, .tp-slider .title_white {
        font-size: 47px;
    }

    .tp-slider .title {
        color: #414141;
    }

    .tp-slider .title_white {
        color: #fff;
    }

    .tp-slider .subtitle, .tp-slider .subtitle_white {
        font-size: 18px;
        color: #fff;
        padding: 5px 10px;
        text-align: center;
    }

    .tp-slider .subtitle_white {
        border-top: 1px solid #fff !important;
        border-bottom: 1px solid #fff !important;
    }

    .tp-slider .subtitle {
        background-color: #4e72c2;
    }

    .tp-slider .title, .tp-slider .subtitle, .tp-slider .slide_desc {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    .tp-slider .slide_desc {
        font-size: 14px;
        line-height: 24px;
    }

    .tp-slider .slidetitle-2 {
        font-size: 47px;
        color: #555;
        text-decoration: none;
        padding: 15px 10px 5px;
        text-shadow: none;
        text-align: center;
        border-bottom: 3px solid #4e72c2;
    }

    .tp-slider .tp-leftarrow.default, .tp-slider .tp-rightarrow.default {
        text-decoration: none;
        font-size: 32px;
        line-height: 38px;
        text-align: center;
        width: 40px !important;
        height: 40px !important;
        background: rgba(0,0,0,.7) !important;
        color: #fff;
        border-radius: 100%;
    }

        .tp-slider .tp-leftarrow.default:hover, .tp-slider .tp-rightarrow.default:hover {
            background-color: #4e72c2 !important;
        }

        .tp-slider .tp-leftarrow.default:before {
            content: "\f104";
            font-family: FontAwesome;
            font-style: normal;
            font-weight: 400;
        }

        .tp-slider .tp-rightarrow.default:before {
            content: "\f105";
            font-family: FontAwesome;
            font-style: normal;
            font-weight: 400;
        }

.owl-carousel {
    margin-bottom: 15px;
}

    .owl-carousel .slide-item {
        padding: 0 5px;
    }

        .owl-carousel .slide-item a.contents {
            padding: 10px;
            display: block;
            background: #fff;
            color: #686868;
            text-decoration: none;
        }

            .owl-carousel .slide-item a.contents .title {
                display: block;
                font-size: 14px;
                font-weight: 300;
            }

            .owl-carousel .slide-item a.contents small {
                font-size: 13px;
                font-weight: 300;
            }

        .owl-carousel .slide-item:hover a.contents {
            background: #4e72c2;
        }

            .owl-carousel .slide-item:hover a.contents:after {
                content: "\e092";
                font-family: 'Glyphicons Halflings';
                display: block;
                position: absolute;
                right: 15px;
                top: auto;
                bottom: 10px;
                color: #fff;
            }

            .owl-carousel .slide-item:hover a.contents .title, .owl-carousel .slide-item:hover a.contents small {
                color: #fff;
            }

    .owl-carousel.with-contents .slide-item img {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }

    .owl-carousel.with-contents:hover img {
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .owl-carousel.no-padding-items .slide-item {
        padding: 0;
    }

.owl-buttons {
    position: absolute;
    top: -37px;
    right: 10px;
}

    .owl-buttons .owl-prev, .owl-buttons .owl-next {
        background: #f2f2f2;
        color: #999;
        text-decoration: none;
        font-size: 18px;
        line-height: 25px;
        text-align: center;
    }

        .owl-buttons .owl-prev:hover, .owl-buttons .owl-next:hover {
            background: #4e72c2;
            color: #fff;
        }

        .owl-buttons .owl-prev:before {
            content: "\f104";
            font-family: FontAwesome;
            font-style: normal;
            font-weight: 400;
            text-indent: 0;
        }

        .owl-buttons .owl-prev:hover:before {
            content: "\f105";
        }

        .owl-buttons .owl-next:before {
            content: "\f105";
            font-family: FontAwesome;
            font-style: normal;
            font-weight: 400;
            text-indent: 0;
        }

        .owl-buttons .owl-next:hover:before {
            content: "\f104";
        }

    .owl-buttons div {
        display: inline-block;
        width: 26px;
        height: 26px;
        margin-left: 5px;
        position: static;
    }

.owl-controls {
    text-align: center;
    margin-top: 10px;
}

    .owl-controls .owl-page {
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

        .owl-controls .owl-page span {
            display: block;
            width: 12px;
            height: 12px;
            margin: 5px 7px;
            border: 1px solid #4e72c2;
            background: #fff;
        }

        .owl-controls .owl-page.active span, .owl-controls .owl-controls.clickable .owl-page:hover span {
            background: #4e72c2;
        }

        .owl-controls .owl-page span.owl-numbers {
            height: auto;
            width: auto;
            color: #fff;
            padding: 2px 10px;
            font-size: 12px;
            border-radius: 30px;
        }

.ui-datepicker {
    background-color: #fff;
    border: 1px solid #e5e5e5;
}

    .ui-datepicker .ui-widget-header {
        font-weight: 400;
        background: #4e72c2;
        color: #fff;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        height: 26px;
        min-width: 32px;
        max-width: 32px;
        text-align: center;
        cursor: pointer;
        color: transparent;
        line-height: 26px;
    }

        .ui-datepicker .ui-datepicker-prev .ui-icon, .ui-datepicker .ui-datepicker-next .ui-icon {
            color: transparent;
            visibility: hidden;
        }

        .ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover {
            text-decoration: none;
        }

        .ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before {
            display: inline;
            font-family: FontAwesome;
            font-size: 14px;
            content: "\f100";
            color: #fff;
        }

    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
        top: 2px;
    }

    .ui-datepicker .ui-datepicker-next:before {
        content: "\f101";
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 2px;
    }

    .ui-datepicker td {
        padding: 0;
    }

        .ui-datepicker td > a, .ui-datepicker td > span {
            display: inline-block;
            min-width: 24px;
            max-width: 24px;
            text-align: center;
            color: #555;
            font-size: 14px;
        }

            .ui-datepicker td > a:hover {
                background-color: #f2f2f2;
            }

            .ui-datepicker td > a.ui-state-highlight {
                background-color: #dff0d8;
                border: 1px solid #a1cd7c;
            }

            .ui-datepicker td > a.ui-state-active {
                background-color: #4e72c2;
                color: #fff;
                border: 0 none;
            }

            .ui-datepicker td > a.ui-priority-secondary {
                color: #999;
            }

        .ui-datepicker td > span {
            color: #999;
        }

        .ui-datepicker td .ui-datepicker-buttonpane {
            background-color: #e5e5e5;
        }

.ui-spinner {
    border: 1px solid #e5e5e5;
}

.ui-spinner-button {
    border-width: 0 !important;
    line-height: 15px;
    padding: 0;
    width: 18px;
    cursor: pointer;
    color: #fff !important;
    height: 15px;
    margin: 1px;
    font-size: 13px;
}

    .ui-spinner-button > [class*=fa-] {
        width: 18px;
        font-size: 10px;
        display: inline-block;
    }

.ui-spinner-input {
    padding: 5px;
    max-width: 75px;
    width: 75px;
    outline: 0 !important;
    margin-right: 23px;
    margin-left: 3px;
    margin-bottom: 4px;
}

.ui-widget-overlay {
    background: rgba(0,0,0,.25);
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    z-index: 1040 !important;
}

.ui-dialog, .ui-jqdialog {
    z-index: 1050 !important;
    background-color: #fff;
    padding: 0;
    border: 1px solid #e5e5e5;
    box-shadow: none;
}

    .ui-dialog .ui-dialog-titlebar, .ui-jqdialog .ui-dialog-titlebar, .ui-dialog .ui-jqdialog-titlebar, .ui-jqdialog .ui-jqdialog-titlebar {
        background-color: #f2f2f2;
        font-size: 16px;
        color: #555;
        padding: 10px;
        font-weight: 400;
    }

    .ui-dialog .ui-dialog-title, .ui-jqdialog .ui-dialog-title, .ui-dialog .ui-jqdialog-title, .ui-jqdialog .ui-jqdialog-title {
        float: none;
        width: auto;
    }

    .ui-dialog .widget-header, .ui-jqdialog .widget-header {
        margin: 0;
        border-width: 0 0 1px;
    }

    .ui-dialog .ui-dialog-buttonpane, .ui-jqdialog .ui-dialog-buttonpane, .ui-dialog .ui-jqdialog-buttonpane, .ui-jqdialog .ui-jqdialog-buttonpane {
        background-color: #f2f2f2;
        border-top: 1px solid #e5e5e5;
    }

    .ui-dialog .ui-dialog-titlebar-close, .ui-jqdialog .ui-dialog-titlebar-close, .ui-dialog .ui-jqdialog-titlebar-close, .ui-jqdialog .ui-jqdialog-titlebar-close {
        border: 0;
        background: 0 0;
        opacity: .4;
        color: #bd362f;
        padding: 0;
        top: 50%;
        right: 8px !important;
        text-align: center;
    }

        .ui-dialog .ui-dialog-titlebar-close:before, .ui-jqdialog .ui-dialog-titlebar-close:before, .ui-dialog .ui-jqdialog-titlebar-close:before, .ui-jqdialog .ui-jqdialog-titlebar-close:before {
            content: "\f00d";
            display: inline;
            font-family: FontAwesome;
            font-size: 16px;
        }

        .ui-dialog .ui-dialog-titlebar-close:hover, .ui-jqdialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-jqdialog-titlebar-close:hover, .ui-jqdialog .ui-jqdialog-titlebar-close:hover {
            opacity: 1;
            text-decoration: none;
            padding: 0;
        }

        .ui-dialog .ui-dialog-titlebar-close .ui-button-text, .ui-jqdialog .ui-dialog-titlebar-close .ui-button-text, .ui-dialog .ui-jqdialog-titlebar-close .ui-button-text, .ui-jqdialog .ui-jqdialog-titlebar-close .ui-button-text {
            text-indent: 0;
            visibility: hidden;
        }

    .ui-dialog .widget-header .ui-dialog-titlebar-close, .ui-jqdialog .widget-header .ui-dialog-titlebar-close, .ui-dialog .widget-header .ui-jqdialog-titlebar-close, .ui-jqdialog .widget-header .ui-jqdialog-titlebar-close {
        right: 10px !important;
    }

.ui-progressbar {
    background-color: #f2f2f2;
    height: 22px;
}

    .ui-progressbar .ui-progressbar-value {
        margin: 0;
    }

        .ui-progressbar .ui-progressbar-value[class=progress-bar] {
            background-color: #999;
        }

.ui-slider {
    background-color: #e0e2e2;
}

.ui-slider-horizontal {
    height: 10px;
}

.ui-slider-vertical {
    width: 10px;
}

.ui-slider .ui-slider-handle {
    border-radius: 0;
    width: .9em;
    height: 1.45em;
    cursor: pointer;
    background-color: #f2f2f2;
    border: 1px solid;
}

    .ui-slider .ui-slider-handle:before {
        display: inline-block;
    }

    .ui-slider .ui-slider-handle:hover {
        background-color: #fff;
    }

    .ui-slider .ui-slider-handle:hover, .ui-slider .ui-slider-handle:focus, .ui-slider .ui-slider-handle:active {
        outline: 0;
        box-shadow: 1px 1px 1px 0 rgba(0,0,0,.3);
        text-decoration: none;
    }

        .ui-slider .ui-slider-handle:hover:before, .ui-slider .ui-slider-handle:focus:before, .ui-slider .ui-slider-handle:active:before {
            text-shadow: 1px 1px 1px rgba(0,0,0,.3);
        }

.ui-slider-horizontal .ui-slider-handle {
    margin-left: -.725em;
    top: -.4em;
}

.ui-slider-vertical .ui-slider-handle {
    left: -.35em;
    margin-bottom: -.65em;
    width: 1.45em;
    height: .9em;
}

.ui-slider-range {
    background-color: #4e72c2;
}

.ui-slider-handle {
    outline: 0 !important;
}

    .ui-slider-handle, .ui-slider-handle:hover, .ui-slider-handle:focus, .ui-slider-handle:active {
        border-color: #4e72c2;
        color: #4e72c2;
    }

.ui-slider-inverse .ui-slider-range {
    background-color: #414141;
}

.ui-slider-inverse .ui-slider-handle, .ui-slider-inverse .ui-slider-handle:hover, .ui-slider-inverse .ui-slider-handle:focus, .ui-slider-inverse .ui-slider-handle:active {
    border-color: #414141;
    color: #414141;
}

.ui-slider-primary .ui-slider-range {
    background-color: #4e72c2;
}

.ui-slider-primary .ui-slider-handle, .ui-slider-primary .ui-slider-handle:hover, .ui-slider-primary .ui-slider-handle:focus, .ui-slider-primary .ui-slider-handle:active {
    border-color: #4e72c2;
    color: #4e72c2;
}

.ui-slider-success .ui-slider-range {
    background-color: #72af46;
}

.ui-slider-success .ui-slider-handle, .ui-slider-success .ui-slider-handle:hover, .ui-slider-success .ui-slider-handle:focus, .ui-slider-success .ui-slider-handle:active {
    border-color: #72af46;
    color: #72af46;
}

.ui-slider-danger .ui-slider-range {
    background-color: #bd362f;
}

.ui-slider-danger .ui-slider-handle, .ui-slider-danger .ui-slider-handle:hover, .ui-slider-danger .ui-slider-handle:focus, .ui-slider-danger .ui-slider-handle:active {
    border-color: #bd362f;
    color: #bd362f;
}

.ui-slider-info .ui-slider-range {
    background-color: #466baf;
}

.ui-slider-info .ui-slider-handle, .ui-slider-info .ui-slider-handle:hover, .ui-slider-info .ui-slider-handle:focus, .ui-slider-info .ui-slider-handle:active {
    border-color: #466baf;
    color: #466baf;
}

.ui-slider-warning .ui-slider-range {
    background-color: #ab7a4b;
}

.ui-slider-warning .ui-slider-handle, .ui-slider-warning .ui-slider-handle:hover, .ui-slider-warning .ui-slider-handle:focus, .ui-slider-warning .ui-slider-handle:active {
    border-color: #ab7a4b;
    color: #ab7a4b;
}

.ui-tabs .ui-tabs-nav {
    padding: 0;
    border-bottom: 1px solid #e5e5e5;
}

    .ui-tabs .ui-tabs-nav li {
        margin: 0;
    }

        .ui-tabs .ui-tabs-nav li.ui-state-default > a {
            background-color: #f2f2f2;
            border: 1px solid #e5e5e5;
            color: #666;
            font-weight: 400;
            line-height: 16px;
            margin-right: -1px;
            padding: 8px 12px;
            position: relative;
            top: 1px;
        }

@media (max-width:360px) {
    .ui-tabs .ui-tabs-nav li.ui-state-default > a {
        color: #666;
        font-weight: 400;
        line-height: 10px;
        margin-right: -1px;
        padding: 8px 6px;
        position: relative;
        font-size: 11px;
    }
}

.ui-tabs .ui-tabs-nav li > a:focus {
    outline: 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active > a {
    border: 1px solid;
    border-color: #4e72c2 #e5e5e5 transparent;
    border-top-width: 1px;
    margin-bottom: 0;
    background: #fff;
    color: #4e72c2;
    position: relative;
}

.ui-tabs .ui-tabs-panel {
    border: 1px solid #e5e5e5;
    border-top-width: 0;
    margin: 0;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
}

.ui-tooltip {
    background-color: #555;
    color: #fff;
}

.ui-accordion .ui-accordion-header {
    color: #555;
    font-weight: 400;
    background-color: #f5f5f5;
    border: 1px solid #e5e5e5;
    padding: 8px 8px 9px 24px;
    font-size: 14px;
}

    .ui-accordion .ui-accordion-header:hover {
        color: #555;
    }

    .ui-accordion .ui-accordion-header.ui-state-active {
        color: #555;
        position: relative;
    }

    .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
        text-indent: 0;
        margin-top: 0;
        position: absolute;
        left: 10px;
        top: 7px;
    }

        .ui-accordion .ui-accordion-header .ui-accordion-header-icon:before {
            display: inline;
            font-family: FontAwesome;
            font-size: 15px;
            content: "\f105";
        }

    .ui-accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon:before {
        content: "\f107";
        font-weight: 400;
    }

.ui-accordion .ui-accordion-content {
    border: 1px solid #e5e5e5;
    border-top-width: 0;
    padding: 11px 16px;
}

.ui-menu {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 150px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
    background-color: #fff;
    border: 1px solid #e5e5e5;
    padding: 3px;
}

    .ui-menu .ui-state-focus, .ui-menu .ui-state-active {
        margin: auto;
    }

    .ui-menu .ui-menu-item {
        padding: 5px 10px 6px;
        color: #686868;
        cursor: pointer;
        display: block;
        -webkit-box-sizing: inherit;
        -moz-box-sizing: inherit;
        box-sizing: inherit;
    }

        .ui-menu .ui-menu-item .ui-menu-icon {
            float: right;
            position: relative;
            left: auto;
            right: 4px;
            bottom: auto;
            text-indent: 0;
        }

            .ui-menu .ui-menu-item .ui-menu-icon:before {
                content: "\f105";
                font-family: FontAwesome;
                font-size: 14px;
                display: inline;
            }

        .ui-menu .ui-menu-item:hover, .ui-menu .ui-state-focus, .ui-menu .ui-state-active, .ui-menu .ui-menu-item:hover > .ui-menu-icon, .ui-menu .ui-state-focus > .ui-menu-icon, .ui-menu .ui-state-active > .ui-menu-icon {
            text-decoration: none;
            background-color: #4e72c2;
            color: #fff;
            margin: auto;
            font-weight: 400;
        }

            .ui-menu .ui-menu-item:hover .ui-menu-icon, .ui-menu .ui-state-focus .ui-menu-icon, .ui-menu .ui-state-active .ui-menu-icon, .ui-menu .ui-menu-item:hover > .ui-menu-icon .ui-menu-icon, .ui-menu .ui-state-focus > .ui-menu-icon .ui-menu-icon, .ui-menu .ui-state-active > .ui-menu-icon .ui-menu-icon {
                color: #fff;
            }

    .ui-menu .ui-state-disabled, .ui-menu .ui-state-disabled .ui-menu-icon {
        color: #999;
        cursor: default;
    }

        .ui-menu .ui-state-disabled:hover, .ui-menu .ui-state-disabled.ui-state-focus, .ui-menu .ui-state-disabled.ui-state-active, .ui-menu .ui-state-disabled:hover .ui-menu-icon, .ui-menu .ui-state-disabled.ui-state-focus .ui-menu-icon, .ui-menu .ui-state-disabled.ui-state-active .ui-menu-icon {
            background-color: #fff;
            color: #999;
        }

.ui-selectmenu-button {
    border: 1px solid #aaa;
}

    .ui-selectmenu-button[aria-expanded=true] {
        border-color: #4492C9;
    }

    .ui-selectmenu-button span.ui-icon {
        text-indent: 0;
        margin-top: -10px;
    }

    .ui-selectmenu-button .ui-icon:before {
        content: "\f0d7";
        display: inline-block;
        font-family: FontAwesome;
        font-size: 14px;
    }

.ui-autocomplete {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
}

.ui-autocomplete-category {
    padding: 6px;
    position: relative;
    background-color: #f2f2f2;
    color: #4e72c2;
    font-weight: bolder;
    border: 1px solid #e5e5e5;
    border-width: 1px 0;
}

.ui-sortable-placeholder, .ui-sortable-helper, .ui-sortable-placeholder > a, .ui-sortable-helper > a {
    cursor: move !important;
}

.draggable-placeholder {
    border: 1px dashed #fffefc !important;
    background-color: #fff !important;
}

.label {
    border-radius: 0;
    text-shadow: none;
    font-weight: 400;
    display: inline-block;
    background-color: #999 !important;
}

    .label[class*=col-][class*=arrow] {
        min-height: 0;
    }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::safari-only, .label:empty {
        display: inline-block;
    }

    ::safari-only, .badge:empty {
        display: inline-block;
    }
}

.badge {
    text-shadow: none;
    font-size: 11px;
    padding: 3px 6px;
    font-weight: 400;
    background-color: #999 !important;
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    border-radius: 12px !important;
    text-shadow: none !important;
}

    .badge.no-radius {
        border-radius: 0;
    }

.label-transparent, .badge-transparent {
    background-color: transparent !important;
}

.label-info, .badge-info {
    background-color: #466baf !important;
}

.label-primary, .badge-primary {
    background-color: #4e72c2 !important;
}

.label-success, .badge-success {
    background-color: #72af46 !important;
}

.label-danger, .badge-danger {
    background-color: #bd362f !important;
}

.label-inverse, .badge-inverse {
    background-color: #414141 !important;
}

.label-warning, .badge-warning {
    background-color: #ab7a4b !important;
}

.label-light, .badge-light {
    background-color: #f2f2f2 !important;
}

.label-pending, .badge-pending {
    background-color: #466baf !important;
}

.label-active, .badge-active {
    background-color: #72af46 !important;
}

.label-suspended, .badge-suspended {
    background-color: #ab7a4b !important;
}

.label-paid, .badge-paid {
    background-color: #72af46 !important;
}

.label-unpaid, .badge-unpaid {
    background-color: #bd362f !important;
}

.label-terminated, .badge-terminated {
    background-color: #bd362f !important;
}

.label-cancelled, .badge-cancelled {
    background-color: #bfbfbf !important;
}

.label-expired, .badge-expired {
    background-color: #999 !important;
}

.label-refunded, .badge-refunded {
    background-color: #999 !important;
}

.label-collections, .badge-collections {
    background-color: #ab7a4b !important;
}

.label-fraud, .badge-fraud {
    background-color: #222 !important;
}

.badge-light, .label-light {
    color: #999 !important;
}

.label.arrowed, .label.arrowed-in {
    position: relative;
    z-index: 1;
}

    .label.arrowed:before, .label.arrowed-in:before {
        display: inline-block;
        content: "";
        position: absolute;
        top: 0;
        z-index: -1;
        border: 1px solid transparent;
        border-right-color: #999;
    }

    .label.arrowed-in:before {
        border-color: #999;
        border-left-color: transparent !important;
    }

.label.arrowed-right, .label.arrowed-in-right {
    position: relative;
    z-index: 1;
}

    .label.arrowed-right:after, .label.arrowed-in-right:after {
        display: inline-block;
        content: "";
        position: absolute;
        top: 0;
        z-index: -1;
        border: 1px solid transparent;
        border-left-color: #999;
    }

    .label.arrowed-in-right:after {
        border-color: #999;
        border-right-color: transparent !important;
    }

.label-info.arrowed:before {
    border-right-color: #466baf;
}

.label-info.arrowed-in:before {
    border-color: #466baf;
}

.label-info.arrowed-right:after {
    border-left-color: #466baf;
}

.label-info.arrowed-in-right:after {
    border-color: #466baf;
}

.label-primary.arrowed:before {
    border-right-color: #4e72c2;
}

.label-primary.arrowed-in:before {
    border-color: #4e72c2;
}

.label-primary.arrowed-right:after {
    border-left-color: #4e72c2;
}

.label-primary.arrowed-in-right:after {
    border-color: #4e72c2;
}

.label-success.arrowed:before {
    border-right-color: #72af46;
}

.label-success.arrowed-in:before {
    border-color: #72af46;
}

.label-success.arrowed-right:after {
    border-left-color: #72af46;
}

.label-success.arrowed-in-right:after {
    border-color: #72af46;
}

.label-warning.arrowed:before {
    border-right-color: #ab7a4b;
}

.label-warning.arrowed-in:before {
    border-color: #ab7a4b;
}

.label-warning.arrowed-right:after {
    border-left-color: #ab7a4b;
}

.label-warning.arrowed-in-right:after {
    border-color: #ab7a4b;
}

.label-danger.arrowed:before {
    border-right-color: #bd362f;
}

.label-danger.arrowed-in:before {
    border-color: #bd362f;
}

.label-danger.arrowed-right:after {
    border-left-color: #bd362f;
}

.label-danger.arrowed-in-right:after {
    border-color: #bd362f;
}

.label-inverse.arrowed:before {
    border-right-color: #414141;
}

.label-inverse.arrowed-in:before {
    border-color: #414141;
}

.label-inverse.arrowed-right:after {
    border-left-color: #414141;
}

.label-inverse.arrowed-in-right:after {
    border-color: #414141;
}

.label-light.arrowed:before {
    border-right-color: #f2f2f2;
}

.label-light.arrowed-in:before {
    border-color: #f2f2f2;
}

.label-light.arrowed-right:after {
    border-left-color: #f2f2f2;
}

.label-light.arrowed-in-right:after {
    border-color: #f2f2f2;
}

.label-pending.arrowed:before {
    border-right-color: #466baf;
}

.label-pending.arrowed-in:before {
    border-color: #466baf;
}

.label-pending.arrowed-right:after {
    border-left-color: #466baf;
}

.label-pending.arrowed-in-right:after {
    border-color: #466baf;
}

.label-active.arrowed:before {
    border-right-color: #72af46;
}

.label-active.arrowed-in:before {
    border-color: #72af46;
}

.label-active.arrowed-right:after {
    border-left-color: #72af46;
}

.label-active.arrowed-in-right:after {
    border-color: #72af46;
}

.label-suspended.arrowed:before {
    border-right-color: #ab7a4b;
}

.label-suspended.arrowed-in:before {
    border-color: #ab7a4b;
}

.label-suspended.arrowed-right:after {
    border-left-color: #ab7a4b;
}

.label-suspended.arrowed-in-right:after {
    border-color: #ab7a4b;
}

.label-paid.arrowed:before {
    border-right-color: #72af46;
}

.label-paid.arrowed-in:before {
    border-color: #72af46;
}

.label-paid.arrowed-right:after {
    border-left-color: #72af46;
}

.label-paid.arrowed-in-right:after {
    border-color: #72af46;
}

.label-unpaid.arrowed:before {
    border-right-color: #bd362f;
}

.label-unpaid.arrowed-in:before {
    border-color: #bd362f;
}

.label-unpaid.arrowed-right:after {
    border-left-color: #bd362f;
}

.label-unpaid.arrowed-in-right:after {
    border-color: #bd362f;
}

.label-terminated.arrowed:before {
    border-right-color: #bd362f;
}

.label-terminated.arrowed-in:before {
    border-color: #bd362f;
}

.label-terminated.arrowed-right:after {
    border-left-color: #bd362f;
}

.label-terminated.arrowed-in-right:after {
    border-color: #bd362f;
}

.label-cancelled.arrowed:before {
    border-right-color: #bfbfbf;
}

.label-cancelled.arrowed-in:before {
    border-color: #bfbfbf;
}

.label-cancelled.arrowed-right:after {
    border-left-color: #bfbfbf;
}

.label-cancelled.arrowed-in-right:after {
    border-color: #bfbfbf;
}

.label-expired.arrowed:before {
    border-right-color: #999;
}

.label-expired.arrowed-in:before {
    border-color: #999;
}

.label-expired.arrowed-right:after {
    border-left-color: #999;
}

.label-expired.arrowed-in-right:after {
    border-color: #999;
}

.label-refunded.arrowed:before {
    border-right-color: #999;
}

.label-refunded.arrowed-in:before {
    border-color: #999;
}

.label-refunded.arrowed-right:after {
    border-left-color: #999;
}

.label-refunded.arrowed-in-right:after {
    border-color: #999;
}

.label-collections.arrowed:before {
    border-right-color: #ab7a4b;
}

.label-collections.arrowed-in:before {
    border-color: #ab7a4b;
}

.label-collections.arrowed-right:after {
    border-left-color: #ab7a4b;
}

.label-collections.arrowed-in-right:after {
    border-color: #ab7a4b;
}

.label-fraud.arrowed:before {
    border-right-color: #222;
}

.label-fraud.arrowed-in:before {
    border-color: #222;
}

.label-fraud.arrowed-right:after {
    border-left-color: #222;
}

.label-fraud.arrowed-in-right:after {
    border-color: #222;
}

.label {
    font-size: 12px;
    line-height: 1.2;
    height: 20px;
}

    .label.arrowed {
        margin-left: 5px;
    }

        .label.arrowed:before {
            left: -10px;
            border-width: 10px 5px;
        }

    .label.arrowed-in {
        margin-left: 5px;
    }

        .label.arrowed-in:before {
            left: -5px;
            border-width: 10px 5px;
        }

    .label.arrowed-right {
        margin-right: 5px;
    }

        .label.arrowed-right:after {
            right: -10px;
            border-width: 10px 5px;
        }

    .label.arrowed-in-right {
        margin-right: 5px;
    }

        .label.arrowed-in-right:after {
            right: -5px;
            border-width: 10px 5px;
        }

.label-lg {
    padding: .3em .6em .4em;
    font-size: 13px;
    line-height: 1.1;
    height: 24px;
}

    .label-lg.arrowed {
        margin-left: 6px;
    }

        .label-lg.arrowed:before {
            left: -12px;
            border-width: 12px 6px;
        }

    .label-lg.arrowed-in {
        margin-left: 6px;
    }

        .label-lg.arrowed-in:before {
            left: -6px;
            border-width: 12px 6px;
        }

    .label-lg.arrowed-right {
        margin-right: 6px;
    }

        .label-lg.arrowed-right:after {
            right: -12px;
            border-width: 12px 6px;
        }

    .label-lg.arrowed-in-right {
        margin-right: 6px;
    }

        .label-lg.arrowed-in-right:after {
            right: -6px;
            border-width: 12px 6px;
        }

.label-xlg {
    padding: .3em .7em .4em;
    font-size: 14px;
    line-height: 1.3;
    height: 28px;
}

    .label-xlg.arrowed {
        margin-left: 7px;
    }

        .label-xlg.arrowed:before {
            left: -14px;
            border-width: 14px 7px;
        }

    .label-xlg.arrowed-in {
        margin-left: 7px;
    }

        .label-xlg.arrowed-in:before {
            left: -7px;
            border-width: 14px 7px;
        }

    .label-xlg.arrowed-right {
        margin-right: 7px;
    }

        .label-xlg.arrowed-right:after {
            right: -14px;
            border-width: 14px 7px;
        }

    .label-xlg.arrowed-in-right {
        margin-right: 7px;
    }

        .label-xlg.arrowed-in-right:after {
            right: -7px;
            border-width: 14px 7px;
        }

.label-sm {
    padding: .2em .4em .3em;
    font-size: 11px;
    line-height: 1.2;
    height: 18px;
}

    .label-sm.arrowed {
        margin-left: 4px;
    }

        .label-sm.arrowed:before {
            left: -8px;
            border-width: 9px 4px;
        }

    .label-sm.arrowed-in {
        margin-left: 4px;
    }

        .label-sm.arrowed-in:before {
            left: -4px;
            border-width: 9px 4px;
        }

    .label-sm.arrowed-right {
        margin-right: 4px;
    }

        .label-sm.arrowed-right:after {
            right: -8px;
            border-width: 9px 4px;
        }

    .label-sm.arrowed-in-right {
        margin-right: 4px;
    }

        .label-sm.arrowed-in-right:after {
            right: -4px;
            border-width: 9px 4px;
        }

.label > span, .label > [class*=fa-], .label > [class*=glyphicon-] {
    line-height: 1;
    vertical-align: bottom;
}

form .tcb {
    display: block;
    min-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

@media (min-width:768px) {
    form.form-inline .tcb {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0;
        vertical-align: middle;
    }
}

form .labels {
    cursor: pointer;
}

form label {
    font-weight: 600;
}

form .form-actions {
    display: block;
    border-top: 1px solid #e5e5e5;
    padding: 15px 10px;
}

    form .form-actions .form-group {
        margin-bottom: 0;
    }

form .input-group-addon {
    border: 1px solid #e5e5e5;
}

    form .input-group-addon [class*=" fa-"], form .input-group-addon [class^=fa-], form .input-group-addon [class*=" glyphicon-"], form .input-group-addon [class^=glyphicon-] {
        color: #686868;
    }

    form .input-group-addon [class*=" glyphicon-"], form .input-group-addon [class^=glyphicon-] {
        font-size: 13px;
    }

form .form-group .help-block {
    font-size: 12px;
    margin-bottom: 5px;
}

form .form-group.has-success > .input-icon [class*=fa-], form .form-group.has-success > .input-icon [class^=fa-], form .form-group.has-success > .input-icon [class*=glyphicon-], form .form-group.has-success > .input-icon [class^=glyphicon-] {
    color: #3c763d;
}

form .form-group.has-warning > .input-icon [class*=fa-], form .form-group.has-warning > .input-icon [class^=fa-], form .form-group.has-warning > .input-icon [class*=glyphicon-], form .form-group.has-warning > .input-icon [class^=glyphicon-] {
    color: #8a6d3b;
}

form .form-group.has-error > .input-icon [class*=fa-], form .form-group.has-error > .input-icon [class^=fa-], form .form-group.has-error > .input-icon [class*=glyphicon-], form .form-group.has-error > .input-icon [class^=glyphicon-] {
    color: #a94442;
}

form .input-icon {
    position: relative;
}

    form .input-icon input {
        padding-left: 33px !important;
    }

    form .input-icon [class*=fa-], form .input-icon [class^=fa-], form .input-icon [class*=" glyphicon-"], form .input-icon [class^=glyphicon-] {
        display: block;
        position: absolute;
        margin: 11px 2px 4px 10px;
        width: 16px;
        min-width: 16px;
        height: 16px;
        font-size: 16px;
    }

    form .input-icon.right input {
        padding-left: 12px !important;
        padding-right: 33px !important;
    }

    form .input-icon.right [class*=fa-], form [class^=fa-] {
        right: 8px;
        float: right;
    }

.form-horizontal .tcb {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.form-horizontal .tcb-inline {
    display: inline-block;
    padding-left: 0 !important;
    margin-bottom: 0;
    vertical-align: middle;
    margin-right: 15px;
    min-height: 20px;
}

@media (max-width:767px) {
    .form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
        margin-bottom: 5px;
    }
}

textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=find], input[type=tel], input[type=color] {
    border-radius: 0 !important;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    font-size: 13px;
    box-shadow: none !important;
    padding: 6px;
}

    textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=date]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus, input[type=number]:focus, input[type=email]:focus, input[type=url]:focus, input[type=search]:focus, input[type=find]:focus, input[type=tel]:focus, input[type=color]:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-color: #e5e5e5 #e5e5e5 #e5e5e5 #4e72c2;
        background-color: #fff;
        outline: 0 none;
        -webkit-transition-duration: .1s;
        transition-duration: .1s;
    }

input[readonly] {
    background: #f5f5f5 !important;
    cursor: default !important;
}

.input-mini {
    width: 60px;
    max-width: 100%;
}

.input-small {
    width: 90px;
    max-width: 100%;
}

.input-medium, .input-md {
    width: 150px;
    max-width: 100%;
}

.input-large {
    width: 210px;
    max-width: 100%;
}

.input-xlarge {
    width: 270px;
    max-width: 100%;
}

.input-xxlarge {
    width: 530px;
    max-width: 100%;
}

.input-lg {
    height: 45px;
}

select option, select.form-control option {
    padding: 3px 4px;
}

    select option:active, select.form-control option:active, select option:hover, select.form-control option:hover, select option:focus, select.form-control option:focus {
        background-color: #fff;
        color: #686868;
    }

    select option[value=""], select.form-control option[value=""] {
        padding: 0;
    }

.form-control, select {
    border-radius: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #686868;
    background-color: #fff;
    border: 1px solid #e5e5e5;
}

    .form-control:focus, select:focus {
        color: #686868;
        border-color: #e5e5e5;
        background-color: #fff;
        outline: 0;
    }

select {
    padding: 3px 4px;
    height: 30px;
}

    select.form-control {
        padding: 4px 6px;
    }

        select[multiple], select.form-control[multiple] {
            height: auto;
        }

    select.input-sm {
        border-radius: 0;
        padding: 2px 3px;
    }

    select.input-lg {
        border-radius: 0;
        padding: 6px 8px;
    }

input[disabled] {
    color: #848484 !important;
    background-color: #eee !important;
}

    input[disabled]:hover {
        border-color: #e5e5e5 !important;
    }

input[readonly] {
    color: #939192;
    background: #f5f5f5 !important;
    cursor: default;
}

    input[readonly]:hover {
        border-color: #c3c3c3;
    }

    input[readonly]:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-color: #aaa;
        background-color: #f9f9f9;
    }

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px #fff inset !important;
}

.login-container {
    width: 375px;
    margin: 10% auto 50px;
}

.login-box {
    width: 360px;
    padding: 20px;
    padding-bottom: 0;
    background: rgba(255,255,255,.75);
    border: 6px solid rgba(0,0,0,.5);
    visibility: hidden;
    position: absolute;
    overflow: hidden;
    -moz-transform: scale(0,1) translate(-150px);
    -webkit-transform: scale(0,1) translate(-150px);
    -o-transform: scale(0,1) translate(-150px);
    -ms-transform: scale(0,1) translate(-150px);
    transform: scale(0,1) translate(-150px);
}

    .login-box.visible {
        visibility: visible;
        -moz-transform: scale(1,1) translate(0);
        -webkit-transform: scale(1,1) translate(0);
        -o-transform: scale(1,1) translate(0);
        -ms-transform: scale(1,1) translate(0);
        transform: scale(1,1) translate(0);
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        -o-transition: none;
        -webkit-transition: none;
    }

    .login-box .page-header {
        margin: -15px 0 15px;
    }

    .login-box .footer-wrap {
        background: rgba(255,255,255,.3);
        margin: 20px -20px 0;
        padding: 10px 20px;
        border-top: 2px solid #e5e5e5;
    }

        .login-box .footer-wrap a {
            text-decoration: none;
        }

    .login-box .social-or-login {
        margin-top: 4px;
        position: relative;
        z-index: 1;
        text-align: center;
    }

        .login-box .social-or-login :first-child {
            display: inline-block;
            background: rgba(255,255,255,.36);
            padding: 2px 8px;
            color: #4e72c2;
            font-size: 13px;
        }

        .login-box .social-or-login:before {
            content: "";
            display: block;
            position: absolute;
            z-index: -1;
            top: 50%;
            left: 0;
            right: 0;
            border-top: 1px dotted rgba(255,255,255,.46);
        }

    .login-box .hr {
        border-color: rgba(255,255,255,.46);
    }

@media (max-width:480px) {
    .login-container, .login-box {
        width: 95%;
    }
}

body.login, body.error {
    background: #555 url(../../images/loginBg.jpg) center center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.error-container {
    margin: 10% auto 50px;
}

    .error-container .error-box {
        padding: 15px;
        text-align: center;
        background: rgba(255,255,255,.75);
        border: 6px solid rgba(0,0,0,.5);
    }

        .error-container .error-box .error-code {
            font-size: 700%;
            font-weight: bolder;
            border-bottom: 1px solid #bd362f;
            padding: 10px;
            color: #bd362f;
        }

@media (max-width:768px) {
    .error-container .error-box .error-code {
        font-size: 360%;
    }
}

@media (max-width:480px) {
    .error-container .error-box .error-code {
        font-size: 200%;
    }

    .error-container .error-box h3 {
        font-size: 13px !important;
    }
}

.top-navbar .navbar-nav > li > a, .top-navbar .navbar-right > li > a {
    color: #fff;
}

    .top-navbar .navbar-nav > li > a:hover, .top-navbar .navbar-right > li > a:hover, .top-navbar .navbar-nav > li > a:focus, .top-navbar .navbar-right > li > a:focus {
        color: #fff;
    }

.top-navbar .nav li a {
    border-top: 1px solid transparent;
}

.top-navbar .navbar-toggle {
    outline: 0;
    margin-top: 6px;
    margin-bottom: auto;
    border-color: transparent;
    color: #686868;
}

    .top-navbar .navbar-toggle:hover, .top-navbar .navbar-toggle:active, .top-navbar .navbar-toggle:focus {
        background: 0 0;
    }

    .top-navbar .navbar-toggle .fa {
        font-size: 21px;
    }

.top-navbar .navbar-collapse {
    border-color: transparent;
}

.top-navbar .nav .open > a, .top-navbar .nav .open > a:hover, .top-navbar .nav .open > a:focus {
    background-color: transparent;
    border-color: transparent;
}

.top-navbar .navbar-left > li > a, .top-navbar .navbar-right > li > a {
    font-size: 14px;
}

.top-navbar .top-menu {
    background-color: #373737;
}

.top-navbar.navbar {
    background-color: #fff;
    margin-bottom: 0;
    border-bottom: 0 none;
}

.top-navbar .navbar-header {
    background-color: #fff;
    padding: 0 0 5px;
}

@media (max-width:992px) {
    .top-navbar .nav-top {
        margin-left: -15px;
        margin-right: -15px;
        padding: 0 10px;
        background-color: #373737;
    }

    .top-navbar .navbar-left.pull-right {
        float: none !important;
    }
}

@media (min-width:992px) {
    .top-navbar.navbar {
        border-bottom: 0;
    }

    .top-navbar .search-box {
        min-width: 190px;
    }

    .top-navbar .navbar-brand {
        margin-left: 0 !important;
    }

    .top-navbar .navbar-nav > li > a, .top-navbar .navbar-right > li > a {
        padding: 15px;
    }

    .top-navbar .navbar-right > li > a {
        color: #686868 !important;
    }

    .top-navbar .nav-top {
        margin: 0;
    }

    .top-navbar .navbar-right, .top-navbar .navbar-header {
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
        padding: 10px 0;
    }

    .top-navbar.top-nav-collapse .navbar-right, .top-navbar.top-nav-collapse .navbar-header {
        padding: 0;
    }

    .top-navbar .navbar-left.navbar-nav > li {
        border: 1px solid rgba(0,0,0,.2);
        border-width: 0 1px 0 0;
    }

        .top-navbar .navbar-left.navbar-nav > li:first-child {
            border-width: 0 1px !important;
        }

        .top-navbar .navbar-left.navbar-nav > li .btn:hover, .top-navbar .navbar-left.navbar-nav > li .btn:focus {
            background-color: #4e72c2 !important;
        }
}

.mass-head {
    width: 100%;
    height: auto;
}

    .mass-head.inner {
        padding: 15px 0 0;
        border-bottom: 1px solid #e5e5e5;
        background: #f2f2f2;
    }

        .mass-head.inner h1 {
            font-size: 31px;
            margin-top: 0;
        }

            .mass-head.inner h1 small {
                font-size: 13px;
            }

        .mass-head.inner .breadcrumb {
            float: right;
            margin-top: 0;
            background: 0 0;
            border-bottom: 0 none;
            margin-bottom: 10px;
        }

            .mass-head.inner .breadcrumb li, .mass-head.inner .breadcrumb a {
                text-decoration: none;
            }

            .mass-head.inner .breadcrumb > li + li:before {
                content: "//\00a0";
                padding: 0 5px;
            }

@media (max-width:992px) {
    .mass-head.inner .breadcrumb {
        float: left;
        padding: 0;
    }
}

.mass-head.inner.bg-danger h1, .mass-head.inner.bg-primary h1, .mass-head.inner.bg-success h1, .mass-head.inner.bg-warning h1, .mass-head.inner.bg-info h1, .mass-head.inner.dark h1, .mass-head.inner.gray h1, .mass-head.inner.bg-danger .breadcrumb, .mass-head.inner.bg-primary .breadcrumb, .mass-head.inner.bg-success .breadcrumb, .mass-head.inner.bg-warning .breadcrumb, .mass-head.inner.bg-info .breadcrumb, .mass-head.inner.dark .breadcrumb, .mass-head.inner.gray .breadcrumb, .mass-head.inner.bg-danger .breadcrumb li, .mass-head.inner.bg-primary .breadcrumb li, .mass-head.inner.bg-success .breadcrumb li, .mass-head.inner.bg-warning .breadcrumb li, .mass-head.inner.bg-info .breadcrumb li, .mass-head.inner.dark .breadcrumb li, .mass-head.inner.gray .breadcrumb li, .mass-head.inner.bg-danger .breadcrumb a, .mass-head.inner.bg-primary .breadcrumb a, .mass-head.inner.bg-success .breadcrumb a, .mass-head.inner.bg-warning .breadcrumb a, .mass-head.inner.bg-info .breadcrumb a, .mass-head.inner.dark .breadcrumb a, .mass-head.inner.gray .breadcrumb a, .mass-head.inner.bg-danger .breadcrumb > li + li:before, .mass-head.inner.bg-primary .breadcrumb > li + li:before, .mass-head.inner.bg-success .breadcrumb > li + li:before, .mass-head.inner.bg-warning .breadcrumb > li + li:before, .mass-head.inner.bg-info .breadcrumb > li + li:before, .mass-head.inner.dark .breadcrumb > li + li:before, .mass-head.inner.gray .breadcrumb > li + li:before {
    color: rgba(255,255,255,.95);
}

    .mass-head.inner.bg-danger .breadcrumb li:hover, .mass-head.inner.bg-primary .breadcrumb li:hover, .mass-head.inner.bg-success .breadcrumb li:hover, .mass-head.inner.bg-warning .breadcrumb li:hover, .mass-head.inner.bg-info .breadcrumb li:hover, .mass-head.inner.dark .breadcrumb li:hover, .mass-head.inner.gray .breadcrumb li:hover, .mass-head.inner.bg-danger .breadcrumb a:hover, .mass-head.inner.bg-primary .breadcrumb a:hover, .mass-head.inner.bg-success .breadcrumb a:hover, .mass-head.inner.bg-warning .breadcrumb a:hover, .mass-head.inner.bg-info .breadcrumb a:hover, .mass-head.inner.dark .breadcrumb a:hover, .mass-head.inner.gray .breadcrumb a:hover {
        color: #fff;
    }

.mass-head.inner.bg-danger small, .mass-head.inner.bg-primary small, .mass-head.inner.bg-success small, .mass-head.inner.bg-warning small, .mass-head.inner.bg-info small, .mass-head.inner.dark small, .mass-head.inner.gray small {
    color: rgba(255,255,255,.65);
}

@media (min-width:992px) {
    .mass-head {
        padding: 120px 0 0;
    }

        .mass-head.inner {
            padding: 140px 0 0;
        }

            .mass-head.inner .breadcrumb {
                margin-bottom: 0;
            }
}

.block-s1 {
    padding: 10px 0;
}

    .block-s1 p, .block-s1 h1, .block-s1 h2, .block-s1 h3, .block-s1 h4, .block-s1 h5, .block-s1 h6 {
        padding: 0;
        margin: 10px 15px;
    }

@media (max-width:992px) {
    .block-s1 .text-right, .block-s1 .text-left {
        text-align: center !important;
    }
}

@media (max-width:480px) {
    .block-s1 h1, .block-s1 h2, .block-s1 h3, .block-s1 h4 {
        font-size: 16px;
        line-height: 26px;
    }
}

.block-s1.notice {
    padding: 10px;
}

.block-s2, .block-s4 {
    padding: 20px 0 5px;
}

.block-s3 {
    padding: 15px 0;
}

.block-footer {
    padding: 40px 0 10px;
    background: #2f2f2f;
}

    .block-footer ul.list-unstyled {
        padding: 0 10px;
    }

        .block-footer ul.list-unstyled a {
            color: #909090;
        }

            .block-footer ul.list-unstyled a:hover, .block-footer ul.list-unstyled a:active, .block-footer ul.list-unstyled a:focus {
                color: #f6f6f6;
                text-decoration: none;
            }

        .block-footer ul.list-unstyled li {
            padding-top: 5px;
        }

        .block-footer ul.list-unstyled .fa, .block-footer ul.list-unstyled .glyphicon {
            font-size: 110%;
        }

    .block-footer h4 {
        text-transform: uppercase;
        color: #909090;
        font-size: 15px;
    }

    .block-footer .social ul, .block-footer .social li {
        padding: 0 !important;
    }

    .block-footer .well {
        background: #282828;
        border: 0 none;
    }

    .block-footer .copyright {
        padding-top: 10px;
        margin-top: 60px;
        border-top: 1px solid #494949;
        border-bottom: 1px solid #494949;
    }

        .block-footer .copyright ul {
            float: right;
        }

            .block-footer .copyright ul a {
                color: #909090;
            }

                .block-footer .copyright ul a:hover, .block-footer .copyright ul a:active, .block-footer .copyright ul a:focus {
                    color: #f6f6f6;
                    text-decoration: none;
                }

@media (max-width:768px) {
    .block-footer .copyright ul {
        float: left !important;
    }
}

.page-container {
    background: #fff;
}

@media (min-width:767px) {
    .block-s2 {
        padding: 40px 0 25px;
    }
}

@media (max-width:992px) {
    .container {
        width: 100% !important;
    }
}

#back-to-top {
    z-index: 999;
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 10px;
    right: 15px;
    display: none;
}

.blog-posts {
    margin: 0 0 15px;
    border-bottom: 1px double #e5e5e5;
    padding-bottom: 15px;
}

    .blog-posts h1, .blog-posts h2 {
        margin-top: 10px;
    }

        .blog-posts h1 a, .blog-posts h2 a {
            color: #686868;
        }

            .blog-posts h1 a:hover, .blog-posts h2 a:hover, .blog-posts h1 a:focus, .blog-posts h2 a:focus {
                color: #4e72c2;
            }

@media (max-width:480px) {
    .blog-posts h1, .blog-posts h2 {
        font-size: 18px;
    }
}

.blog-posts .article-info {
    margin: 20px 0 15px;
    background: #fff;
    padding: 7.5px 0;
    border: 1px solid #e5e5e5;
    border-width: 1px 0;
}

    .blog-posts .article-info li {
        display: inline-block;
        margin-right: 10px;
        border-left: solid 1px #e5e5e5;
        padding-left: 15px;
    }

        .blog-posts .article-info li:first-child {
            padding-left: 0;
            border: 0 none;
        }

        .blog-posts .article-info li a {
            color: #686868;
        }

        .blog-posts .article-info li .fa {
            margin-right: 4px;
            font-size: 14px;
            color: #4e72c2;
        }

    .blog-posts .article-info .pull-right li {
        margin-right: 0;
    }

    .blog-posts .article-info.top {
        border: 0 none;
        padding: 0;
        margin: 0 0 15px;
    }

        .blog-posts .article-info.top li {
            border: 0 none;
            padding-left: 0;
        }

.blog-posts img {
    margin: 10px 0 15px;
}

.blog-posts .lead {
    font-size: 16px;
}

.blog-posts .comments {
    border: 1px solid #e5e5e5;
    border-width: 1px 0;
    padding: 15px 0;
    margin-bottom: 15px;
}

    .blog-posts .comments h4 {
        padding-top: 0;
        margin: 10px 0 4px;
        font-size: 16px;
    }

    .blog-posts .comments .media-object {
        width: 60px;
        max-width: 60px;
        height: 60px;
        max-hegiht: 60px;
        border: 1px solid #e5e5e5;
        padding: 3px;
    }

.blog-posts .video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 10px;
}

    .blog-posts .video iframe, .blog-posts .video object, .blog-posts .video embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.blog-tags {
    margin-bottom: 15px;
}

    .blog-tags h3 {
        margin: 0 0 10px;
    }

    .blog-tags ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .blog-tags ul li {
            position: relative;
            margin: 0 16px 7px 0;
            display: inline-block;
        }

            .blog-tags ul li a {
                background: #f2f2f2;
                display: inline-block;
                padding: 3px 5px 3px 10px;
                color: #999;
            }

                .blog-tags ul li a:hover, .blog-tags ul li a:focus {
                    color: #fff;
                    background: #4e72c2;
                    text-decoration: none;
                }

                    .blog-tags ul li a:hover:after, .blog-tags ul li a:focus:after {
                        border-left-color: #4e72c2;
                    }

                .blog-tags ul li a:after {
                    top: 50%;
                    width: 0;
                    left: 100%;
                    height: 0;
                    z-index: 2;
                    content: " ";
                    display: block;
                    margin-top: -12px;
                    position: absolute;
                    border-left: 12px solid #f2f2f2;
                    border-top: 12px solid transparent;
                    border-bottom: 12px solid transparent;
                }

.blog-categories {
    margin-bottom: 15px;
}

    .blog-categories h3 {
        margin: 0 0 10px;
    }

    .blog-categories ul li {
        padding: 5px 15px;
        border-bottom: 1px solid #f5f5f5;
    }

        .blog-categories ul li a:hover, .blog-categories ul li a:focus {
            text-decoration: none;
            color: #686868;
        }

        .blog-categories ul li :before {
            content: "\f105";
            margin-left: 4px;
            font-family: FontAwesome;
            font-style: normal;
            margin-right: 4px;
        }

.pricing-table-1 {
    padding: 0 25px 15px;
    margin-bottom: 15px;
    text-align: center;
    background: #fff;
    border: 3px solid #e5e5e5;
}

    .pricing-table-1 .plan-title {
        margin-top: 15px;
    }

    .pricing-table-1 .plan-pricing {
        width: 140px;
        height: 140px;
        margin: 30px auto;
        border: 3px solid #e5e5e5;
        background: #fff;
        border-radius: 100%;
        display: table;
    }

        .pricing-table-1 .plan-pricing .plan-price {
            font-size: 30px;
            line-height: 20px;
            vertical-align: middle;
            display: table-cell;
        }

        .pricing-table-1 .plan-pricing .plan-unit {
            display: block;
            margin-top: 5px;
            font-size: 11px;
            text-transform: uppercase;
            font-weight: 400;
        }

        .pricing-table-1 .plan-pricing .plan-text {
            text-transform: none;
            display: block;
            margin-bottom: 5px;
            font-size: 11px;
            font-weight: 400;
        }

    .pricing-table-1 .plan-features {
        margin: 30px auto;
        padding: 15px 0 0;
        border-top: 1px solid #e5e5e5;
    }

        .pricing-table-1 .plan-features li {
            list-style: none;
            padding: 5px 0;
        }

    .pricing-table-1 .plan-button {
        margin-bottom: 15px;
    }

    .pricing-table-1.active {
        border-color: #4e72c2;
    }

        .pricing-table-1.active .plan-pricing {
            background: #4e72c2;
            border-color: #4369be;
        }

        .pricing-table-1.active .plan-price, .pricing-table-1.active .plan-unit {
            color: #fff;
        }

    .pricing-table-1:hover {
        border-color: #4e72c2;
    }

    .pricing-table-1 .ribbon-wrapper .ribbon {
        top: 14px;
    }

.pricing-table-2 {
    margin-bottom: 15px;
    border: 1px solid #e5e5e5;
}

    .pricing-table-2 .product-image {
        display: block;
        position: relative;
        z-index: 2;
    }

    .pricing-table-2 .icon-attachment {
        color: #fff;
    }

    .pricing-table-2 .details {
        position: relative;
        background: #fff;
        padding: 0 10px 25px;
        z-index: 3;
    }

        .pricing-table-2 .details h4 {
            margin: 0;
            padding: 5px 0;
            font-weight: 500;
        }

            .pricing-table-2 .details h4 a {
                color: #686868;
            }

                .pricing-table-2 .details h4 a:hover {
                    text-decoration: none;
                    color: #4e72c2;
                }

        .pricing-table-2 .details p {
            padding: 0;
            font-size: 11px;
        }

        .pricing-table-2 .details .intents {
            text-align: right;
            position: absolute;
            top: 10px;
            right: 10px;
        }

            .pricing-table-2 .details .intents .count {
                display: inline-block;
                position: relative;
                top: -3px;
                margin: 0 5px;
            }

    .pricing-table-2 .actions {
        height: 25px;
        font-size: 18px;
        font-weight: 400;
    }

        .pricing-table-2 .actions .btn-round {
            position: relative;
            border-radius: 100%;
            padding: 10px 0;
            width: 38px;
            height: 38px;
            top: -19px;
            text-align: center;
            border-color: transparent;
            background: #fff;
        }

            .pricing-table-2 .actions .btn-round:hover {
                background: #fff;
            }

        .pricing-table-2 .actions .counter {
            float: right;
        }

            .pricing-table-2 .actions .counter.text {
                font-size: 14px;
            }

        .pricing-table-2 .actions a:hover {
            text-decoration: none;
        }

    .pricing-table-2 .pricing {
        position: absolute;
        z-index: 3;
        color: #fff;
        font-weight: 500;
        font-size: 1.7em;
        right: 10px;
        bottom: 5px;
        padding: 0 10px;
        background-color: rgba(0,0,0,.55);
        border: 1px solid rgba(0,0,0,.35);
    }

    .pricing-table-2 .tag {
        position: absolute;
        z-index: 2;
        top: 0;
        left: 10px;
    }

        .pricing-table-2 .tag .text {
            font-weight: 700;
            position: absolute;
            top: 5px;
            right: 0;
            width: 40px;
            color: #fff;
            z-index: 4;
            text-align: center;
        }

        .pricing-table-2 .tag .caret {
            border-top: 8px solid transparent !important;
            display: block;
            color: #fff;
            z-index: 3;
            position: relative;
            top: 0;
            right: 0;
            text-align: center;
            -moz-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
            border-left: 20px solid rgba(0,0,0,.55);
            border-right: 20px solid rgba(0,0,0,.55);
            border-bottom: 30px solid rgba(0,0,0,.55);
        }

        .pricing-table-2 .tag .bg-danger, .pricing-table-2 .tag .bg-primary, .pricing-table-2 .tag .bg-success, .pricing-table-2 .tag .bg-warning, .pricing-table-2 .tag .bg-info, .pricing-table-2 .tag .dark, .pricing-table-2 .tag .gray, .pricing-table-2 .tag .inverse {
            background-color: transparent !important;
        }

.pricing-table-3 {
    padding: 15px;
    width: 100%;
    height: 100%;
    border: 3px solid #e5e5e5;
    margin-bottom: 15px;
    background: #fff;
}

    .pricing-table-3 .price-small {
        font-size: 24px;
    }

    .pricing-table-3 h3, .pricing-table-3 h4 {
        margin-bottom: 5px;
        margin-top: 0;
    }

    .pricing-table-3 .desc {
        margin-bottom: 10px;
        padding-bottom: 0;
    }

    .pricing-table-3 .rate {
        background: #4e72c2;
        padding: 15px;
        margin: 15px -15px;
        color: #fff;
        clear: both;
    }

        .pricing-table-3 .rate .price {
            display: inline-block;
            float: left;
            clear: both;
        }

            .pricing-table-3 .rate .price .term {
                padding-top: 4px;
                margin-left: 4px;
                float: left;
            }

            .pricing-table-3 .rate .price .amount {
                padding-top: 4px;
                float: left;
                text-align: right;
                font-size: 41px;
                line-height: 40px;
                font-weight: 300;
            }

        .pricing-table-3 .rate .btn {
            margin-top: 3px;
            float: right;
            display: block;
        }

        .pricing-table-3 .rate:before {
            display: table;
            line-height: 0;
            content: "";
        }

        .pricing-table-3 .rate:after {
            display: table;
            line-height: 0;
            content: "";
            clear: both;
        }

    .pricing-table-3 ul {
        padding-left: 5px;
        margin-bottom: 15px;
    }

        .pricing-table-3 ul li {
            list-style: none;
            padding: 7.5px 0;
            border-bottom: solid 1px #f2f2f2;
        }

            .pricing-table-3 ul li:before {
                content: "\f105";
                margin-right: 4px;
                font-family: FontAwesome;
                font-style: normal;
                font-weight: 400;
            }

    .pricing-table-3:hover {
        border-color: #4e72c2;
    }

    .pricing-table-3.active {
        border-color: #4e72c2;
    }

    .pricing-table-3 .ribbon-wrapper .ribbon {
        top: 14px;
    }

.tc-gallery {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .tc-gallery > li {
        float: left;
        display: block;
        position: relative;
        overflow: hidden;
        margin: 0 15px 15px 0;
    }

        .tc-gallery > li > :first-child {
            display: block;
            position: relative;
        }

            .tc-gallery > li > :first-child:focus {
                outline: 0;
            }

        .tc-gallery > li .tags {
            display: inline-block;
            position: absolute;
            bottom: 0;
            right: 0;
            overflow: visible;
            direction: rtl;
            padding: 0;
            margin: 0;
            height: auto;
            width: auto;
            background-color: transparent;
            border-width: 0;
            vertical-align: inherit;
        }

            .tc-gallery > li .tags > .label-holder {
                opacity: .92;
                filter: alpha(opacity=92);
                display: table;
                margin: 1px 0 0;
                direction: ltr;
                text-align: left;
            }

                .tc-gallery > li .tags > .label-holder:hover {
                    opacity: 1;
                    filter: alpha(opacity=100);
                }

        .tc-gallery > li > .tools {
            position: absolute;
            top: 0;
            bottom: 0;
            left: -30px;
            width: 24px;
            background-color: rgba(0,0,0,.55);
            text-align: center;
            vertical-align: middle;
            -webkit-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
        }

            .tc-gallery > li > .tools.tools-right {
                left: auto;
                right: -30px;
            }

            .tc-gallery > li > .tools.tools-bottom {
                width: auto;
                height: 28px;
                left: 0;
                right: 0;
                top: auto;
                bottom: -30px;
            }

            .tc-gallery > li > .tools.tools-top {
                width: auto;
                height: 28px;
                left: 0;
                right: 0;
                top: -30px;
                bottom: auto;
            }

        .tc-gallery > li:hover > .tools {
            left: 0;
            right: 0;
        }

            .tc-gallery > li:hover > .tools.tools-bottom {
                top: auto;
                bottom: 0;
            }

            .tc-gallery > li:hover > .tools.tools-top {
                bottom: auto;
                top: 0;
            }

            .tc-gallery > li:hover > .tools.tools-right {
                left: auto;
                right: 0;
            }

        .tc-gallery > li > .in.tools {
            left: 0;
            right: 0;
        }

            .tc-gallery > li > .in.tools.tools-bottom {
                top: auto;
                bottom: 0;
            }

            .tc-gallery > li > .in.tools.tools-top {
                bottom: auto;
                top: 0;
            }

            .tc-gallery > li > .in.tools.tools-right {
                left: auto;
                right: 0;
            }

        .tc-gallery > li > .tools > a, .tc-gallery > li > :first-child .inner a {
            display: inline-block;
            color: #FFF;
            font-size: 18px;
            font-weight: 400;
            padding: 0 4px;
        }

            .tc-gallery > li > .tools > a:hover, .tc-gallery > li > :first-child .inner a:hover {
                text-decoration: none;
                color: #C9E2EA;
            }

        .tc-gallery > li .tools.tools-bottom > a, .tc-gallery > li .tools.tools-top > a {
            display: inline-block;
        }

        .tc-gallery > li > :first-child > .text {
            position: absolute;
            right: 0;
            left: 0;
            bottom: 0;
            top: 0;
            text-align: center;
            color: #FFF;
            background-color: rgba(0,0,0,.55);
            opacity: 0;
            filter: alpha(opacity=0);
            -webkit-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
        }

            .tc-gallery > li > :first-child > .text:before {
                content: '';
                display: inline-block;
                height: 100%;
                vertical-align: middle;
                margin-right: 0;
            }

            .tc-gallery > li > :first-child > .text > .inner {
                padding: 4px 0;
                margin: 0;
                display: inline-block;
                vertical-align: middle;
                max-width: 90%;
            }

        .tc-gallery > li:hover > :first-child > .text {
            opacity: 1;
            filter: alpha(opacity=100);
        }

.tc-gallery-2 {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .tc-gallery-2 > li {
        float: left;
        display: block;
        position: relative;
        margin: 0 15px 15px 0;
    }

        .tc-gallery-2 > li > :first-child {
            display: block;
            position: relative;
        }

            .tc-gallery-2 > li > :first-child:focus {
                outline: 0;
            }

        .tc-gallery-2 > li.thumbnail {
            padding: 10px;
            -moz-transform: translate3d(0,0,0);
            -webkit-transform: translate3d(0,0,0);
            -o-transform: translate3d(0,0,0);
            -ms-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
            background: #f2f2f2;
        }

            .tc-gallery-2 > li.thumbnail .thumb-preview {
                position: relative;
                z-index: 2;
            }

                .tc-gallery-2 > li.thumbnail .thumb-preview .thumb-image {
                    display: block;
                    overflow: hidden;
                }

                .tc-gallery-2 > li.thumbnail .thumb-preview img {
                    width: 100%;
                    -webkit-transition: all .1s linear;
                    -o-transition: all .1s linear;
                    transition: all .1s linear;
                    border: 1px solid #e5e5e5;
                }

                .tc-gallery-2 > li.thumbnail .thumb-preview .gl-thumb-options {
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    background-color: rgba(0,0,0,.55);
                    visibility: hidden;
                    overflow: hidden;
                }

                    .tc-gallery-2 > li.thumbnail .thumb-preview .gl-thumb-options .gl-zoom {
                        position: absolute;
                        top: 0;
                        right: 0;
                        padding: 5px 15px 10px;
                        font-size: 18px;
                        color: #fff;
                        cursor: pointer;
                        -webkit-transition: transform .1s linear .1s;
                        -o-transition: transform .1s linear .1s;
                        transition: transform .1s linear .1s;
                        -moz-transform: translate(100%,0);
                        -webkit-transform: translate(100%,0);
                        -o-transform: translate(100%,0);
                        -ms-transform: translate(100%,0);
                        transform: translate(100%,0);
                    }

                    .tc-gallery-2 > li.thumbnail .thumb-preview .gl-thumb-options .gl-toolbar {
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        background-color: rgba(0,0,0,.55);
                        color: #fff;
                        padding: 6px 10px;
                        -webkit-transition: transform .1s linear .1s;
                        -o-transition: transform .1s linear .1s;
                        transition: transform .1s linear .1s;
                        -moz-transform: translate(0,100%);
                        -webkit-transform: translate(0,100%);
                        -o-transform: translate(0,100%);
                        -ms-transform: translate(0,100%);
                        transform: translate(0,100%);
                    }

                        .tc-gallery-2 > li.thumbnail .thumb-preview .gl-thumb-options .gl-toolbar .gl-option {
                            margin: 0;
                        }

                        .tc-gallery-2 > li.thumbnail .thumb-preview .gl-thumb-options .gl-toolbar .gl-group > a {
                            color: #fff;
                            padding: 0 5px;
                            text-decoration: none;
                        }

                        .tc-gallery-2 > li.thumbnail .thumb-preview .gl-thumb-options .gl-toolbar .gl-group .gl-toggle {
                            color: #fff;
                            background: 0 0;
                            border: 0;
                            padding: 2px 2px 2px 10px;
                            border-left: 1px solid rgba(0,0,0,.55);
                        }

                        .tc-gallery-2 > li.thumbnail .thumb-preview .gl-thumb-options .gl-toolbar .checkbox-inline {
                            padding-left: 0;
                        }

                        .tc-gallery-2 > li.thumbnail .thumb-preview .gl-thumb-options .gl-toolbar:after {
                            content: "";
                            display: table;
                            clear: both;
                        }

            .tc-gallery-2 > li.thumbnail .gl-title {
                margin: 10px 0 2px;
                padding-bottom: 2px;
                display: inline-block;
            }

                .tc-gallery-2 > li.thumbnail .gl-title small {
                    position: relative;
                    top: 0;
                    left: 0;
                    color: #999;
                    opacity: 0;
                    z-index: 1;
                    font-size: 10px;
                    font-size: 1rem;
                }

            .tc-gallery-2 > li.thumbnail .gl-description:after {
                content: "";
                display: table;
                clear: both;
            }

            .tc-gallery-2 > li.thumbnail.thumbnail-selected {
                border-color: #fff;
                box-shadow: 0 0 8px -1px #e5e5e5;
            }

                .tc-gallery-2 > li.thumbnail.thumbnail-selected .gl-title small {
                    opacity: 1;
                }

                .tc-gallery-2 > li.thumbnail.thumbnail-selected .thumb-preview .gl-thumb-options {
                    visibility: visible;
                }

                    .tc-gallery-2 > li.thumbnail.thumbnail-selected .thumb-preview .gl-thumb-options .gl-toolbar {
                        -moz-transform: translate(0,0);
                        -webkit-transform: translate(0,0);
                        -o-transform: translate(0,0);
                        -ms-transform: translate(0,0);
                        transform: translate(0,0);
                    }

            .tc-gallery-2 > li.thumbnail:hover .gl-title small, .tc-gallery-2 > li.thumbnail:focus .gl-title small {
                opacity: 1;
            }

            .tc-gallery-2 > li.thumbnail:hover .thumb-preview img, .tc-gallery-2 > li.thumbnail:focus .thumb-preview img {
                -moz-transform: scale(1.1);
                -webkit-transform: scale(1.1);
                -o-transform: scale(1.1);
                -ms-transform: scale(1.1);
                transform: scale(1.1);
            }

            .tc-gallery-2 > li.thumbnail:hover .thumb-preview .gl-thumb-options, .tc-gallery-2 > li.thumbnail:focus .thumb-preview .gl-thumb-options {
                visibility: visible;
            }

                .tc-gallery-2 > li.thumbnail:hover .thumb-preview .gl-thumb-options .gl-zoom, .tc-gallery-2 > li.thumbnail:focus .thumb-preview .gl-thumb-options .gl-zoom {
                    -moz-transform: translate(0,0);
                    -webkit-transform: translate(0,0);
                    -o-transform: translate(0,0);
                    -ms-transform: translate(0,0);
                    transform: translate(0,0);
                }

                .tc-gallery-2 > li.thumbnail:hover .thumb-preview .gl-thumb-options .gl-toolbar, .tc-gallery-2 > li.thumbnail:focus .thumb-preview .gl-thumb-options .gl-toolbar {
                    -moz-transform: translate(0,0);
                    -webkit-transform: translate(0,0);
                    -o-transform: translate(0,0);
                    -ms-transform: translate(0,0);
                    transform: translate(0,0);
                }

@media only screen and (max-width:460px) {
    .tc-gallery {
        text-align: center;
    }

        .tc-gallery > li, .tc-gallery-2 > li {
            float: none;
            display: inline-block;
            margin: 2px;
        }
}

.notice {
    display: block;
    min-width: 200px;
    height: auto;
    position: relative;
    background-color: #f2f2f2;
    padding: 15px;
    margin-bottom: 15px;
}

    .notice * {
        color: inherit;
    }

    .notice :hover, .notice :focus, .notice :active {
        color: inherit;
    }

    .notice:before {
        content: "";
        width: 10px;
        height: 10px;
        display: block;
        position: absolute;
        background-color: inherit;
        left: -5px;
        top: 50%;
        margin-top: -5px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .notice.marker-on-top:before {
        top: 0;
        left: 50%;
        margin-left: -5px;
    }

    .notice.marker-on-right:before {
        top: 50%;
        margin-top: -5px;
        left: 100%;
        margin-left: -5px;
    }

    .notice.marker-on-bottom:before {
        top: 100%;
        margin-left: -5px;
        left: 50%;
        margin-top: -5px;
    }

.inbox-tabs.nav-tabs > li > a {
    background-color: #fff;
}

.inbox-tabs.nav-tabs > li.active:not(.open) > a, .inbox-tabs.nav-tabs > li.active:not(.open) > a:hover, .inbox-tabs.nav-tabs > li.active:not(.open) > a:focus {
    background-color: #f2f2f2;
}

.inbox-tabs.nav-tabs > li > a.btn-new-mail {
    background-color: transparent;
    border: 0 !important;
    padding: 0 !important;
}

    .inbox-tabs.nav-tabs > li > a.btn-new-mail > .btn {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

.inbox-tabs.nav-tabs.tab-lg-button > li > a.btn-new-mail > .btn {
    padding: 10px !important;
}

@media only screen and (max-width:475px) {
    .inbox-tabs > .li-new-mail {
        display: block;
        text-align: right;
        margin-bottom: 8px !important;
        float: none !important;
    }

        .inbox-tabs > .li-new-mail > .btn-new-mail {
            display: inline-block;
            width: auto;
        }
}

.message-container {
    position: relative;
}

    .message-container label {
        margin-bottom: 0;
    }

.message-list {
    position: relative;
}

.message-item {
    border: 1px solid #e5e5e5;
    border-bottom-width: 0;
    padding: 12px 15px 14px;
    line-height: 18px;
    position: relative;
    background-color: #fff;
}

    .message-item:first-child {
        border-top-width: 0;
    }

    .message-item:last-child {
        border-bottom-width: 1px;
    }

    .message-item:hover {
        border-color: #e5e5e5;
        background-color: #F7F7F7;
    }

        .message-item:hover + .message-item {
            border-top-color: #e5e5e5;
        }

            .message-item:hover + .message-item.selected {
                border-top-color: #fff;
            }

    .message-item.selected {
        background-color: #F7F7F7;
        border-color: #fff #e5e5e5;
    }

        .message-item.selected + .message-item {
            border-top-color: #fff;
        }

            .message-item.selected + .message-item:hover + .message-item {
                border-top-color: #fff;
            }

    .message-navbar input.ace + .lbl::before, .message-item input.ace + .lbl::before {
        top: auto;
    }

    .message-item .sender {
        margin: 0 6px 0 4px;
        vertical-align: middle;
        display: inline-block;
        width: 110px;
        height: 18px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        cursor: pointer;
    }

    .message-item.message-unread .sender {
        color: #4e72c2;
        font-weight: 700;
    }

    .message-item .summary {
        vertical-align: middle;
        display: inline-block;
        position: relative;
        margin-left: 30px;
        max-width: 250px;
        max-width: calc(100% - 300px);
        min-width: 200px;
        white-space: nowrap;
    }

        .message-item .summary .text {
            vertical-align: middle;
            display: inline-block;
            width: auto;
            max-width: 100%;
            height: 18px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            cursor: pointer;
        }

            .message-item .summary .text:hover {
                text-decoration: underline;
            }

        .message-item .summary .message-flags {
            display: block;
            position: absolute;
            right: 100%;
            margin-right: 4px;
            height: 18px;
            white-space: nowrap;
        }

    .message-item.message-unread .summary .text {
        color: #4e72c2;
        font-weight: 700;
    }

    .message-item .time {
        float: right;
        width: 60px;
        height: 18px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .message-item.message-unread .time {
        font-weight: 700;
    }

    .message-item.message-unread .message-content .time {
        font-weight: 400;
    }

    .message-item .attachment {
        font-size: 18px;
        vertical-align: middle;
        float: right;
        margin: 0 12px;
        position: relative;
    }

    .message-item.message-unread .attachment {
        color: #4e72c2;
    }

.message-content .time {
    font-weight: 400;
}

.message-star {
    vertical-align: middle;
    margin: 2px 4px 0 6px;
    font-size: 16px;
    cursor: pointer;
    color: #686868;
}

    .message-star.selected {
        color: #feb902 !important;
        text-decoration: none !important;
    }

        .message-star.selected:before {
            content: "\f005";
        }

.mail-tag:empty {
    display: inline-block;
    width: 8px;
    height: 11px;
    padding: 0;
    line-height: normal;
    vertical-align: middle;
    margin: 0 1px 0 0;
}

.badge.mail-tag {
    border-radius: 2px;
}

.dropdown-menu > li > a > .mail-tag {
    vertical-align: inherit;
}

@media only screen and (max-width:767px) {
    .message-item .summary {
        min-width: 0;
    }

    .message-item .sender {
        width: 100px;
    }
}

@media only screen and (max-width:450px) {
    .message-item .summary {
        margin: 8px 0 0 32px;
        max-width: 95%;
        min-width: 0;
        display: block;
    }

    .message-item .sender {
        width: auto;
        max-width: 150px;
    }

    .message-item .summary .text {
        max-width: 95%;
    }
}

.message-content {
    padding: 16px 12px;
    border: 1px solid #E9E9E9;
    -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,.02);
    box-shadow: 0 0 1px 1px rgba(0,0,0,.02);
    background-color: #fff;
    border-top-width: 0;
}

.message-item .message-content {
    margin-top: 16px;
    border-top-width: 1px;
}

.message-content .message-header img {
    border: 2px solid #e5e5e5;
}

.message-content .message-header .fa-star-o {
    color: #686868;
}

    .message-content .message-header .fa-star-o.selected {
        color: #feb902 !important;
        text-decoration: none !important;
    }

        .message-content .message-header .fa-star-o.selected:before {
            content: "\f005";
        }

.message-body {
    padding: 0 9px;
}

.message-navbar {
    line-height: 24px;
    padding: 10px 12px;
    border: 1px solid #e5e5e5;
    background-color: #f2f2f2;
    text-align: center;
    position: relative;
}

    .message-navbar .dropdown-toggle, .message-content .dropdown-toggle {
        color: #686868;
    }

        .message-navbar .dropdown-toggle:hover, .message-content .dropdown-toggle:hover, .message-navbar .dropdown-toggle:focus, .message-content .dropdown-toggle:focus {
            text-decoration: none;
            color: #4e72c2;
        }

.message-bar {
    display: inline-block;
    min-height: 28px;
}

    .message-bar .message-infobar .title {
        font-size: 21px;
    }

        .message-bar .message-infobar .title .badge {
            vertical-align: top;
        }

@media only screen and (max-width:480px) {
    .message-bar {
        display: block;
        min-height: 60px;
    }
}

.message-footer {
    background-color: #f2f2f2;
    padding: 12px 15px;
    border: 1px solid #e5e5e5;
    border-top-width: 0;
}

    .message-footer .pagination {
        margin: 0;
    }

        .message-footer .pagination > li {
            margin: 0;
            padding: 0;
        }

            .message-footer .pagination > li > a, .message-footer .pagination > li > span {
                padding: 3px 6px;
                margin-left: 1px;
                margin-right: 1px;
                background-color: transparent;
                border: 1px solid transparent;
                color: #686868;
            }

            .message-footer .pagination > li.disabled > span {
                color: #BBB;
                cursor: default;
                background-color: transparent;
                border-color: transparent;
            }

            .message-footer .pagination > li > a:hover {
                border-color: #e5e5e5;
                color: #4e72c2;
                text-decoration: none;
                background-color: #fff;
            }

    .message-footer input[type=text] {
        font-size: 12px;
        width: 34px;
        height: 24px;
        line-height: 20px;
        margin-bottom: 0;
        padding: 3px;
        vertical-align: middle;
        text-align: center;
    }

    .message-footer.message-footer-2 {
        border-top: 0 none;
    }

.message-item.message-inline-open {
    background-color: #f2f2f2;
}

    .message-item.message-inline-open + .message-item {
        border-bottom-color: transparent;
    }

.message-loading-overlay {
    position: absolute;
    z-index: 14;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(255,255,255,.5);
    text-align: center;
}

    .message-loading-overlay > .fa {
        position: absolute;
        top: 15%;
        left: 0;
        right: 0;
        text-align: center;
    }

.message-content .sender {
    font-weight: 700;
    width: auto;
    text-overflow: inherit;
    vertical-align: middle;
    margin: 0;
}

.message-content .time {
    width: auto;
    text-overflow: inherit;
    white-space: normal;
    float: none;
    vertical-align: middle;
}

ul.attachment-list {
    margin: 6px 0 4px 8px;
}

    ul.attachment-list > li {
        margin-bottom: 3px;
    }

.message-attachment {
    padding-left: 10px;
    padding-right: 10px;
}

    .message-attachment .attachment-images img {
        width: 36px;
        height: 36px;
        border: 2px solid #e5e5e5;
    }

.attached-file {
    width: 175px;
    display: inline-block;
    color: #999;
}

    .attached-file > .fa, .attached-file > .glyphicon {
        display: inline-block;
        width: 16px;
        margin-right: 2px;
        vertical-align: middle;
    }

    .attached-file:hover {
        text-decoration: none;
        color: #4e72c2;
    }

    .attached-file .attached-name {
        display: inline-block;
        max-width: 175px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        vertical-align: middle;
        font-size: 13px;
    }

.messagebar-item-left, .messagebar-item-right {
    position: absolute;
    bottom: 15px;
    left: 15px;
    text-align: left;
}

.messagebar-item-right {
    right: 15px;
    left: auto;
}

.message-navbar .mini-search {
    right: auto;
    left: 5px;
    top: auto;
    bottom: 11px;
}

.message-navbar .messagebar-item-left ~ .mini-search {
    left: 60px;
}

.message-form {
    border: 1px solid #ddd;
    border-top: 0;
    padding-top: 22px;
}

    .message-form .cc-bcc {
        display: inline-block;
        top: 7px;
        right: 10px;
        color: #979797;
        cursor: pointer;
        position: absolute;
    }

@media only screen and (max-width:480px) {
    .message-form {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.message-form .form-actions {
    margin-bottom: 0;
}

.message-form .wysiwyg-editor {
    overflow: auto;
    min-height: 150px;
    max-height: 250px;
    height: auto;
}

.btn-send-message {
    position: relative;
    top: 6px;
    vertical-align: middle;
}

.btn-back-message-list {
    color: #414141;
}

    .btn-back-message-list:hover {
        color: #4e72c2;
        text-decoration: none;
    }

.message-condensed .message-item {
    padding-top: 8px;
    padding-bottom: 9px;
}

.message-condensed .message-navbar, .message-condensed .message-footer {
    padding-top: 7px;
    padding-bottom: 7px;
}

.message-condensed .messagebar-item-left, .message-condensed .messagebar-item-right {
    bottom: 9px;
}

.message-condensed .message-navbar .mini-search {
    bottom: 7px;
}

@media only screen and (max-width:480px) {
    .message-condensed .message-bar {
        min-height: 42px;
    }
}

#live-chat-ui {
    bottom: 0;
    font-size: 12px;
    right: 25px;
    position: fixed;
    width: 290px;
    z-index: 1100;
}

    #live-chat-ui header {
        background: #252525;
        border-radius: 4px 4px 0 0;
        color: #fff;
        cursor: pointer;
        padding: 7.5px 15px;
        -webkit-box-shadow: 0 -3px 52px -13px rgba(0,0,0,.75);
        box-shadow: 0 -3px 52px -13px rgba(0,0,0,.75);
    }

    #live-chat-ui h4:before {
        background: #72af46;
        border-radius: 50%;
        content: "";
        display: inline-block;
        height: 8px;
        margin: 0 8px 0 0;
        width: 8px;
    }

    #live-chat-ui h4 {
        font-size: 13px;
        margin: 5px 0;
    }

    #live-chat-ui h5 {
        font-size: 11px;
        margin-top: 0;
        margin-bottom: 5px;
        color: #555;
    }

    #live-chat-ui p {
        margin: 0;
    }

    #live-chat-ui form {
        padding: 15px;
    }

    #live-chat-ui input[type=text] {
        background-color: #f2f2f2;
        border: 1px solid #e5e5e5;
        width: 100%;
        font-size: 12px;
    }

        #live-chat-ui input[type=text]:focus, #live-chat-ui input[type=text]:hover {
            border: 1px solid #4e72c2;
        }

    #live-chat-ui .chat-message-counter {
        background: #4e72c2;
        border: 2px solid #395aa4;
        border-radius: 50%;
        display: none;
        font-size: 12px;
        font-weight: 700;
        height: 28px;
        left: 0;
        line-height: 24px;
        margin: -10px 0 0 -10px;
        position: absolute;
        text-align: center;
        top: 0;
        width: 28px;
    }

    #live-chat-ui a.chat-close {
        color: #fff;
        display: block;
        float: right;
        font-size: 10px;
        height: 16px;
        line-height: 16px;
        margin: 5px 0;
        text-align: center;
        width: 16px;
    }

        #live-chat-ui a.chat-close :hover {
            color: #f2f2f2;
        }

    #live-chat-ui .chat {
        background: #f2f2f2;
    }

    #live-chat-ui .chat-history {
        height: auto;
        padding: 8px 24px;
        overflow: none;
    }

    #live-chat-ui .chat-message {
        margin: 16px 0;
    }

        #live-chat-ui .chat-message img {
            border-radius: 100%;
            float: left;
        }

    #live-chat-ui .chat-message-content {
        margin-left: 46px;
    }

    #live-chat-ui .chat-time {
        float: right;
        font-size: 10px;
    }

    #live-chat-ui .chat-feedback {
        font-style: italic;
        margin: 10px 0 -5px 0;
        text-align: center;
    }

@media (max-width:359px) {
    #live-chat {
        margin-left: 15px;
        right: 15px;
    }
}

.in-chat {
    position: relative;
}

    .in-chat .itemdiv {
        padding-right: 3px;
        min-height: 66px;
        position: relative;
    }

        .in-chat .itemdiv > .user {
            display: inline-block;
            width: 42px;
            position: absolute;
            left: 0;
        }

            .in-chat .itemdiv > .user > img {
                border-radius: 100%;
                border: 2px solid #e5e5e5;
                max-width: 40px;
                position: relative;
            }

        .in-chat .itemdiv > .body {
            width: auto;
            margin-left: 50px;
            margin-right: 12px;
            position: relative;
        }

            .in-chat .itemdiv > .body > .time {
                display: block;
                font-size: 11px;
                font-weight: 700;
                color: #999;
                position: absolute;
                right: 9px;
                top: 0;
            }

            .in-chat .itemdiv > .body > .name {
                display: block;
            }

            .in-chat .itemdiv > .body > .text {
                display: block;
                position: relative;
                margin-top: 2px;
                padding-bottom: 19px;
                padding-left: 7px;
                font-size: 13px;
            }

                .in-chat .itemdiv > .body > .text:after {
                    display: block;
                    content: "";
                    height: 1px;
                    font-size: 0;
                    overflow: hidden;
                    position: absolute;
                    left: 16px;
                    right: -12px;
                    margin-top: 9px;
                    border-top: 1px solid #e5e5e5;
                }

        .in-chat .itemdiv:last-child > .body > .text {
            border-bottom: 0;
        }

            .in-chat .itemdiv:last-child > .body > .text:after {
                display: none;
            }

        .in-chat .itemdiv.dialogdiv {
            padding-bottom: 14px;
        }

            .in-chat .itemdiv.dialogdiv:before {
                position: absolute;
                display: block;
                content: "";
                top: 0;
                bottom: 0;
                left: 19px;
                width: 3px;
                max-width: 3px;
                background-color: #f2f2f2;
                border: 1px solid #e5e5e5;
                border-width: 0 1px;
            }

            .in-chat .itemdiv.dialogdiv:last-child:before {
                display: none;
            }

            .in-chat .itemdiv.dialogdiv > .user > img {
                border-color: #e5e5e5;
            }

            .in-chat .itemdiv.dialogdiv > .body {
                border: 1px solid #e5e5e5;
                padding: 5px 8px 8px;
                border-left-width: 1px;
                margin-right: 1px;
            }

                .in-chat .itemdiv.dialogdiv > .body:before {
                    content: "";
                    display: block;
                    position: absolute;
                    left: -5px;
                    top: 11px;
                    width: 8px;
                    height: 8px;
                    border: 1px solid #e5e5e5;
                    border-width: 1px 0 0 1px;
                    background-color: #fff;
                    -webkit-box-sizing: content-box;
                    -moz-box-sizing: content-box;
                    box-sizing: content-box;
                    -webkit-transform: rotate(-45deg);
                    -ms-transform: rotate(-45deg);
                    -o-transform: rotate(-45deg);
                    transform: rotate(-45deg);
                }

                .in-chat .itemdiv.dialogdiv > .body > .time {
                    position: static;
                    float: right;
                }

                .in-chat .itemdiv.dialogdiv > .body > .text {
                    padding-left: 0;
                    padding-bottom: 0;
                }

                    .in-chat .itemdiv.dialogdiv > .body > .text:after {
                        display: none;
                    }

            .in-chat .itemdiv.dialogdiv .tooltip-inner {
                word-break: break-all;
            }

        .in-chat .itemdiv.memberdiv {
            width: 175px;
            padding: 2px;
            margin: 3px 0;
            float: left;
            border-bottom: 1px solid #e5e5e5;
        }

            .in-chat .itemdiv.memberdiv > .user > img {
                border-color: #e5e5e5;
            }

            .in-chat .itemdiv.memberdiv > .body > .time {
                position: static;
            }

            .in-chat .itemdiv.memberdiv > .body > .name {
                line-height: 18px;
                height: 18px;
                margin-bottom: 0;
            }

                .in-chat .itemdiv.memberdiv > .body > .name > a {
                    display: inline-block;
                    max-width: 100px;
                    max-height: 18px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    word-break: break-all;
                }

        .in-chat .itemdiv .tools {
            position: absolute;
            right: 5px;
            bottom: 10px;
            display: none;
        }

            .in-chat .itemdiv .tools .btn {
                border-radius: 36px;
                margin: 1px 0;
            }

        .in-chat .itemdiv .body .tools {
            bottom: 4px;
        }

        .in-chat .itemdiv.commentdiv .tools {
            right: 9px;
        }

        .in-chat .itemdiv:hover .tools {
            display: inline-block;
        }

.timeline {
    margin: auto;
    position: relative;
    margin-bottom: 15px;
}

    .timeline li {
        list-style: none;
    }

    .timeline:before {
        background-color: #e5e5e5;
        content: '';
        position: absolute;
        top: 0;
        left: 25px;
        width: 2px;
        height: 100%;
    }

    .timeline > .timeline-day {
        margin-left: -15px;
        margin-bottom: 15px;
    }

    .timeline .timeline-event {
        position: relative;
    }

        .timeline .timeline-event:hover .timeline-event-point {
            background-color: #4e72c2 !important;
        }

    .timeline .timeline-event-wrap {
        padding: 32px 15px 15px;
        position: relative;
        top: -30px;
        left: 0;
        width: 100%;
    }

    .timeline .timeline-event-point {
        background-color: #414141;
        outline: 5px solid #e5e5e5;
        display: block;
        margin: 8px 8px 8px -7px;
        position: absolute;
        top: 0;
        left: -15px;
        width: 15px;
        height: 15px;
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .timeline .timeline-event-time {
        border: 1px solid #e5e5e5;
        position: relative;
        clear: both;
        display: inline-block;
        margin-bottom: 7.5px;
        padding: 3px 5px;
        background: #fff;
    }

        .timeline .timeline-event-time:before {
            content: '';
            position: absolute;
            top: 50%;
            left: -16px;
            width: 16px;
            height: 2px;
            background: #e5e5e5;
        }

        .timeline .timeline-event-time:after {
            content: '';
            position: absolute;
            left: 50%;
            top: 100%;
            width: 2px;
            height: 15px;
            background: #e5e5e5;
        }

    .timeline .timeline-event-massage {
        padding: 10px;
        margin-top: 7px;
        border: 1px solid #e5e5e5;
        background: #fff;
    }

        .timeline .timeline-event-massage img {
            padding: 2px;
            border: 1px solid #e5e5e5;
            background: #fff;
        }

.gritter-item-wrapper {
    background-image: none;
    background-color: #4e72c2;
    opacity: .9;
    filter: alpha(opacity=90);
}

    .gritter-item-wrapper.gritter-light, .gritter-item-wrapper.light {
        background: #f2f2f2;
    }

        .gritter-item-wrapper.gritter-light .gritter-item, .gritter-item-wrapper.light .gritter-item, .gritter-item-wrapper.gritter-light .gritter-close, .gritter-item-wrapper.light .gritter-close {
            color: #555;
        }

        .gritter-item-wrapper.gritter-light .gritter-title, .gritter-item-wrapper.light .gritter-title {
            text-shadow: none;
            color: #555;
        }

        .gritter-item-wrapper.gritter-light .gritter-close:before, .gritter-item-wrapper.light .gritter-close:before {
            color: #555;
        }

    .gritter-item-wrapper.dark .gritter-item, .gritter-item-wrapper.bg-info .gritter-item, .gritter-item-wrapper.bg-succsss .gritter-item, .gritter-item-wrapper.bg-primary .gritter-item, .gritter-item-wrapper.bg-success .gritter-item, .gritter-item-wrapper.bg-warning .gritter-item, .gritter-item-wrapper .inverse .gritter-item {
        color: #fff;
    }

    .gritter-item-wrapper .gritter-top, .gritter-item-wrapper .gritter-bottom, .gritter-item-wrapper .gritter-item {
        background-image: none !important;
    }

    .gritter-item-wrapper .gritter-image {
        border: 2px solid #e5e5e5;
        margin: 2px 10px 0 0;
    }

.gritter-item {
    color: #f2f2f2;
    font-family: 'Open Sans',sans-serif !important;
}

.gritter-close {
    left: auto;
    right: 10px;
    top: 7px;
    background: none !important;
    width: 18px;
    height: 18px;
    line-height: 17px;
    text-align: center;
    border: 2px solid transparent;
    border-radius: 0;
    display: block !important;
    color: #f2f2f2;
}

    .gritter-close:before {
        content: 'x' !important;
        font-size: 19px !important;
        text-indent: 0 !important;
        position: absolute !important;
        text-align: center !important;
        right: 0 !important;
        top: 0 !important;
        color: #fff;
    }

    .gritter-close:hover, .gritter-close:focus, .gritter-close:active {
        color: #fff;
        text-decoration: none;
    }

.gritter-title {
    text-shadow: none;
    padding: 0 0 2px;
    font-weight: 500;
    color: #fff;
}

.gritter-center {
    position: fixed;
    left: 33%;
    right: 33%;
    top: 33%;
}

    .gritter-center .gritter-with-image {
        float: left;
        width: auto;
    }

@media (max-width:767px) {
    .gritter-center {
        left: 30px;
        right: 30px;
    }
}

.fc .label, .fc-event .label {
    text-align: left !important;
    font-size: .85em;
    line-height: 1.42857143;
    height: auto;
}

.fc th, .fc-event th {
    padding: 7px 0;
    color: #555;
}

.fc-event {
    border: 1px solid #04070d;
    background-color: #4e72c2;
}

.fc-header-title > h2 {
    font-size: 21px;
    color: #555;
    line-height: normal;
}

.fc-widget-header, .fc-widget-content {
    border: 1px solid #e5e5e5;
}

.fc-widget-header {
    background: #f2f2f2;
}

.fc-state-highlight {
    background: #fff7eb;
}

.fc-grid .fc-day-number {
    color: #999;
}

.fc-event-hori, .fc-event-vert {
    border-radius: 0 !important;
    border-color: transparent;
}

    .fc-event-vert .fc-event-content {
        padding-left: 1px;
        padding-right: 1px;
    }

    .fc-event-vert .fc-event-time {
        padding: 0;
    }

.fc-state-default {
    border: 0;
}

    .fc-state-default, .fc-state-default .fc-button-inner {
        border: 0;
        background-color: #999;
        color: #fff;
        background-image: none;
        box-shadow: none;
        text-shadow: none;
        border-radius: 0 !important;
        margin-left: 2px;
    }

        .fc-state-default .fc-button-effect {
            display: none;
        }

.fc-state-disabled, .fc-state-disabled .fc-button-inner {
    opacity: .75;
    filter: alpha(opacity=75);
    color: #f2f2f2;
}

.fc-state-active, .fc-state-active .fc-button-inner {
    border-color: #04070d;
    background-color: #4e72c2;
}

.fc-state-hover, .fc-state-hover .fc-button-inner {
    background-color: #4e72c2;
}

.external-event {
    margin: 0 0 5px;
    padding: 0;
    cursor: default;
    display: block;
    color: #fff;
    background-color: #fff;
    line-height: 32px;
    text-align: left !important;
    font-size: 13px;
}

    .external-event:hover {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .external-event.ui-draggable-dragging {
        cursor: move;
    }

    .external-event.label {
        height: auto;
    }

    .external-event > [class*=fa-]:first-child {
        display: inline-block;
        height: 32px;
        width: 32px;
        text-align: center;
        line-height: 30px;
        margin-right: 5px;
        font-size: 15px;
        border-right: 1px solid #fff;
    }

@media only screen and (max-width:480px) {
    .fc-header td {
        display: block;
        width: auto;
        text-align: left;
    }
}

.bootstrap-select .btn-default, .bootstrap-select.open .btn-default {
    background: #fff;
    border-color: #e5e5e5;
    color: #666;
}

    .bootstrap-select .btn-default:hover, .bootstrap-select.open .btn-default:hover, .bootstrap-select .btn-default:focus, .bootstrap-select.open .btn-default:focus, .bootstrap-select .btn-default:active, .bootstrap-select.open .btn-default:active, .bootstrap-select .btn-default.active, .bootstrap-select.open .btn-default.active, .bootstrap-select .btn-default.disabled, .bootstrap-select.open .btn-default.disabled, .bootstrap-select .btn-default.disabled:focus, .bootstrap-select.open .btn-default.disabled:focus, .bootstrap-select .open .dropdown-toggle.btn-default, .bootstrap-select.open .open .dropdown-toggle.btn-default {
        background: #fff;
        border-color: #e5e5e5;
        color: #666;
    }

.bootstrap-select .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.bootstrap-select .btn:focus {
    outline: 0 !important;
    outline-offset: 0;
}

.bootstrap-select .caret {
    border: 0;
    width: auto;
    height: auto;
    margin-top: -10px !important;
}

    .bootstrap-select .caret:before {
        content: "\f107";
        display: inline-block;
        border: 0;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
    }

.bootstrap-tagsinput {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: none;
    display: inline-block;
    padding: 4px 6px;
    margin-bottom: 10px;
    color: #555;
    vertical-align: middle;
    border-radius: 0;
    max-width: 100%;
    width: 100%;
    line-height: 22px;
}

    .bootstrap-tagsinput input {
        border: 0;
        box-shadow: none;
        outline: 0;
        background-color: transparent;
        padding: 0;
        margin: 0;
        width: auto !important;
        max-width: inherit;
    }

        .bootstrap-tagsinput input:focus {
            border: 0;
            box-shadow: none;
        }

    .bootstrap-tagsinput .tag {
        margin-right: 2px;
        color: #fff;
    }

        .bootstrap-tagsinput .tag [data-role=remove] {
            margin-left: 8px;
            cursor: pointer;
        }

            .bootstrap-tagsinput .tag [data-role=remove]:after {
                content: "x";
                padding: 0 2px;
            }

            .bootstrap-tagsinput .tag [data-role=remove]:hover {
                box-shadow: none;
            }

                .bootstrap-tagsinput .tag [data-role=remove]:hover:active {
                    box-shadow: none;
                }

.datetimepicker {
    padding: 4px;
    margin-top: 1px;
    white-space: normal;
    direction: ltr;
}

    .datetimepicker.datetimepicker-rtl {
        direction: rtl;
    }

        .datetimepicker.datetimepicker-rtl table tr td span {
            float: right;
        }

    .datetimepicker > div {
        display: none;
    }

    .datetimepicker.minutes div.datetimepicker-minutes {
        display: block;
    }

    .datetimepicker.hours div.datetimepicker-hours {
        display: block;
    }

    .datetimepicker.days div.datetimepicker-days {
        display: block;
    }

    .datetimepicker.months div.datetimepicker-months {
        display: block;
    }

    .datetimepicker.years div.datetimepicker-years {
        display: block;
    }

    .datetimepicker table {
        margin: 0;
    }

        .datetimepicker table tr td.minute:hover {
            background: #f2f2f2;
            cursor: pointer;
        }

        .datetimepicker table tr td.hour:hover {
            background: #f2f2f2;
            cursor: pointer;
        }

        .datetimepicker table tr td.day:hover {
            background: #f2f2f2;
            cursor: pointer;
        }

        .datetimepicker table tr td span {
            display: block;
            width: 23%;
            height: 54px;
            line-height: 54px;
            float: left;
            margin: 1%;
            cursor: pointer;
        }

            .datetimepicker table tr td span:hover {
                background: #f2f2f2;
            }

            .datetimepicker table tr td span.old {
                color: #999;
            }

    .datetimepicker .datetimepicker-hours span {
        height: 26px;
        line-height: 26px;
    }

    .datetimepicker .datetimepicker-minutes span {
        height: 26px;
        line-height: 26px;
    }

    .datetimepicker th.switch {
        width: 145px;
    }

.datetimepicker-inline {
    width: 220px;
}

.datetimepicker-dropdown, .datetimepicker-dropdown-left {
    top: 0;
    left: 0;
}

[class*=datetimepicker-dropdown]:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #e5e5e5;
    border-bottom-color: rgba(0,0,0,.2);
    position: absolute;
}

[class*=datetimepicker-dropdown]:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
}

[class*=datetimepicker-dropdown-top]:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #e5e5e5;
    border-top-color: rgba(0,0,0,.2);
    border-bottom: 0;
}

[class*=datetimepicker-dropdown-top]:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    border-bottom: 0;
}

.datetimepicker-dropdown-bottom-left:before {
    top: -7px;
    right: 6px;
}

.datetimepicker-dropdown-bottom-left:after {
    top: -6px;
    right: 7px;
}

.datetimepicker-dropdown-bottom-right:before {
    top: -7px;
    left: 6px;
}

.datetimepicker-dropdown-bottom-right:after {
    top: -6px;
    left: 7px;
}

.datetimepicker-dropdown-top-left:before {
    bottom: -7px;
    right: 6px;
}

.datetimepicker-dropdown-top-left:after {
    bottom: -6px;
    right: 7px;
}

.datetimepicker-dropdown-top-right:before {
    bottom: -7px;
    left: 6px;
}

.datetimepicker-dropdown-top-right:after {
    bottom: -6px;
    left: 7px;
}

.datetimepicker td, .datetimepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border: 0;
}

.table-striped .datetimepicker table tr td, .table-striped .datetimepicker table tr th {
    background-color: transparent;
}

.datetimepicker table tr td.old, .datetimepicker table tr td.new {
    color: #999;
}

.datetimepicker table tr td.disabled, .datetimepicker table tr td.disabled:hover {
    background: 0 0;
    color: #999;
    cursor: default;
}

.datetimepicker table tr td.today, .datetimepicker table tr td.today:hover, .datetimepicker table tr td.today.disabled, .datetimepicker table tr td.today.disabled:hover {
    background-color: #dff0d8;
    border: 0 none;
}

    .datetimepicker table tr td.today:hover, .datetimepicker table tr td.today:hover:hover, .datetimepicker table tr td.today.disabled:hover, .datetimepicker table tr td.today.disabled:hover:hover, .datetimepicker table tr td.today:active, .datetimepicker table tr td.today:hover:active, .datetimepicker table tr td.today.disabled:active, .datetimepicker table tr td.today.disabled:hover:active, .datetimepicker table tr td.today.active, .datetimepicker table tr td.today:hover.active, .datetimepicker table tr td.today.disabled.active, .datetimepicker table tr td.today.disabled:hover.active, .datetimepicker table tr td.today.disabled, .datetimepicker table tr td.today:hover.disabled, .datetimepicker table tr td.today.disabled.disabled, .datetimepicker table tr td.today.disabled:hover.disabled, .datetimepicker table tr td.today[disabled], .datetimepicker table tr td.today:hover[disabled], .datetimepicker table tr td.today.disabled[disabled], .datetimepicker table tr td.today.disabled:hover[disabled] {
        background-color: #a1cd7c;
    }

        .datetimepicker table tr td.today:active, .datetimepicker table tr td.today:hover:active, .datetimepicker table tr td.today.disabled:active, .datetimepicker table tr td.today.disabled:hover:active, .datetimepicker table tr td.today.active, .datetimepicker table tr td.today:hover.active, .datetimepicker table tr td.today.disabled.active, .datetimepicker table tr td.today.disabled:hover.active {
            background-color: #fbf069; \9
        }

.datetimepicker table tr td.active, .datetimepicker table tr td.active:hover, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active.disabled:hover {
    background-color: #999;
    color: #555;
}

    .datetimepicker table tr td.active:hover, .datetimepicker table tr td.active:hover:hover, .datetimepicker table tr td.active.disabled:hover, .datetimepicker table tr td.active.disabled:hover:hover, .datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active:hover.disabled, .datetimepicker table tr td.active.disabled.disabled, .datetimepicker table tr td.active.disabled:hover.disabled, .datetimepicker table tr td.active[disabled], .datetimepicker table tr td.active:hover[disabled], .datetimepicker table tr td.active.disabled[disabled], .datetimepicker table tr td.active.disabled:hover[disabled] {
        background-color: #4e72c2;
    }

        .datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active {
            background-color: #4e72c2;
            border: 0 none;
        }

.datetimepicker .datetimepicker-hours table tr td span.hour_am, .datetimepicker .datetimepicker-hours table tr td span.hour_pm {
    width: 14.6%;
}

.datetimepicker .datetimepicker-hours fieldset legend, .datetimepicker .datetimepicker-minutes fieldset legend {
    margin-bottom: inherit;
    line-height: 30px;
}

.datetimepicker table tr td span.disabled, .datetimepicker table tr td span.disabled:hover {
    background: 0 0;
    color: #999;
    cursor: default;
}

.datetimepicker table tr td span.active, .datetimepicker table tr td span.active:hover, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active.disabled:hover {
    background-color: #4e72c2;
    color: #fff;
}

    .datetimepicker table tr td span.active:hover, .datetimepicker table tr td span.active:hover:hover, .datetimepicker table tr td span.active.disabled:hover, .datetimepicker table tr td span.active.disabled:hover:hover, .datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active:hover.active, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled:hover.active, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active:hover.disabled, .datetimepicker table tr td span.active.disabled.disabled, .datetimepicker table tr td span.active.disabled:hover.disabled, .datetimepicker table tr td span.active[disabled], .datetimepicker table tr td span.active:hover[disabled], .datetimepicker table tr td span.active.disabled[disabled], .datetimepicker table tr td span.active.disabled:hover[disabled] {
        background-color: #4e72c2;
        border: 0 none;
    }

        .datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active:hover.active, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled:hover.active {
            background-color: #4e72c2;
            border: 0 none;
        }

.datetimepicker thead tr:first-child th, .datetimepicker tfoot tr:first-child th {
    cursor: pointer;
}

    .datetimepicker thead tr:first-child th:hover, .datetimepicker tfoot tr:first-child th:hover {
        background: 0 0;
    }

.input-append.date .add-on i, .input-prepend.date .add-on i, .input-group.date .input-group-addon span {
    cursor: pointer;
    width: 14px;
    height: 14px;
}

.spinner-buttons.btn-group-vertical .btn {
    margin: 0;
    height: 17px;
    width: 22px;
    font-size: 10px;
}

.wizard-steps {
    list-style: none;
    display: table;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
}

    .wizard-steps li {
        display: table-cell;
        text-align: center;
        width: 1%;
    }

        .wizard-steps li .step {
            border: 3px solid #e5e5e5;
            color: #999;
            font-size: 15px;
            border-radius: 100%;
            background-color: #fff;
            position: relative;
            z-index: 2;
            display: inline-block;
            width: 40px;
            height: 40px;
            line-height: 32px;
            text-align: center;
        }

        .wizard-steps li:before {
            display: block;
            content: "";
            width: 100%;
            height: 1px;
            font-size: 0;
            overflow: hidden;
            border-top: 4px solid #e5e5e5;
            position: relative;
            top: 21px;
            z-index: 1;
        }

        .wizard-steps li:last-child:before {
            max-width: 50%;
            width: 50%;
        }

        .wizard-steps li:first-child:before {
            max-width: 51%;
            left: 50%;
        }

        .wizard-steps li.active:before, .wizard-steps li.complete:before, .wizard-steps li.active .step, .wizard-steps li.complete .step {
            border-color: #4e72c2;
        }

        .wizard-steps li.complete .step {
            cursor: default;
            color: #fff;
            -webkit-transition: transform ease .1s;
            -o-transition: transform ease .1s;
            transition: transform ease .1s;
        }

            .wizard-steps li.complete .step:before {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                line-height: 32px;
                text-align: center;
                border-radius: 100%;
                content: "\f00c";
                background-color: #fff;
                z-index: 3;
                font-family: FontAwesome;
                font-size: 17px;
                color: #4e72c2;
            }

        .wizard-steps li.complete:hover .step {
            -moz-transform: scale(1.1);
            -webkit-transform: scale(1.1);
            -o-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1);
            cursor: pointer;
        }

        .wizard-steps li .title {
            display: block;
            margin-top: 4px;
            max-width: 100%;
            color: #999;
            font-size: 14px;
            z-index: 104;
            text-align: center;
            table-layout: fixed;
            word-wrap: break-word;
        }

        .wizard-steps li.complete .title, .wizard-steps li.active .title {
            color: #555;
        }

.step-content .step-pane {
    display: none;
    min-height: 75px;
    padding: 4px 8px 12px;
    margin-top: 15px;
}

.step-content .active {
    display: block;
}

.wizard-actions {
    text-align: right;
}

    .wizard-actions.btn-group, .wizard-actions.ui-group-buttons {
        float: right;
    }

@media only screen and (max-width:460px) {
    .wizard-steps li .step {
        width: 30px;
        height: 30px;
        line-height: 24px;
        border-width: 3px;
    }

    .wizard-steps li:before, .wizard-steps li:after {
        border-width: 3px;
    }

    .wizard-steps li.complete .step:before {
        line-height: 24px;
        font-size: 13px;
    }

    .wizard-steps li:before {
        top: 16px;
    }

    .step-content .step-pane {
        padding: 4px 4px 6px;
    }
}

#bwizard .bw-navbar {
    border-bottom: 0 none;
    background-color: transparent;
    font-size: 13px;
    padding: 0;
    position: relative;
    min-height: 50px;
    margin-bottom: 10px;
}

.bwizard-steps {
    display: inline-block;
    margin: 0;
    padding: 0;
    background: #fff;
}

    .bwizard-steps .active {
        color: #fff;
        background: #4e72c2;
    }

        .bwizard-steps .active a, .bwizard-steps .active a:hover {
            color: #fff;
            cursor: default;
        }

        .bwizard-steps .active .label {
            background-color: #555;
        }

        .bwizard-steps .active:after {
            border-left-color: #4e72c2;
        }

    .bwizard-steps .label {
        position: relative;
        top: -1px;
        margin: 0 5px 0 0;
        padding: 1px 5px 2px;
    }

    .bwizard-steps li {
        display: inline-block;
        position: relative;
        padding: 12px 17px 10px 30px;
        background: #f2f2f2;
        line-height: 18px;
        list-style: none;
    }

        .bwizard-steps li:first-child {
            padding-left: 12px;
            -moz-border-radius: 4px 0 0 4px;
            -webkit-border-radius: 4px 0 0 4px;
            border-radius: 4px 0 0 4px;
        }

            .bwizard-steps li:first-child:before {
                border: 0;
            }

        .bwizard-steps li:last-child {
            margin-right: 0;
            -moz-border-radius: 0 4px 4px 0;
            -webkit-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0;
        }

            .bwizard-steps li:last-child:after {
                border: 0;
            }

        .bwizard-steps li:before {
            position: absolute;
            left: 0;
            top: 0;
            height: 0;
            width: 0;
            border-bottom: 20px inset transparent;
            border-left: 20px solid #fff;
            border-top: 20px inset transparent;
            content: "";
        }

        .bwizard-steps li:after {
            position: absolute;
            right: -20px;
            top: 0;
            height: 0;
            width: 0;
            border-bottom: 20px inset transparent;
            border-left: 20px solid #f2f2f2;
            border-top: 20px inset transparent;
            content: "";
            z-index: 2;
        }

    .bwizard-steps a, .bwizard-steps a:hover {
        color: #999;
        text-decoration: none;
    }

    .bwizard-steps.clickable li:not(.active) {
        cursor: pointer;
    }

    .bwizard-steps.clickable li:hover:not(.active) {
        background: #e5e5e5;
    }

        .bwizard-steps.clickable li:hover:not(.active) a {
            color: #4e72c2;
        }

        .bwizard-steps.clickable li:hover:not(.active):after {
            border-left-color: #e5e5e5;
        }

@media (max-width:460px) {
    .bwizard-steps li {
        margin: 5px 0;
        padding: 6px 17px 10px 15px;
    }

        .bwizard-steps li:first-child {
            border-radius: 0;
        }

        .bwizard-steps li:last-child {
            margin-right: 0;
            border-radius: 0;
        }

        .bwizard-steps li:before {
            border-bottom: 0 none;
            border-left: 0 none;
            border-top: 0 none;
            content: "";
        }

        .bwizard-steps li:after {
            border-bottom: 0 none;
            border-left: 0 none;
            border-top: 0 none;
        }
}

.md-editor {
    display: block;
    border: 1px solid #e5e5e5;
}

    .md-editor > .md-header, .md-editor .md-footer {
        display: block;
        padding: 6px 4px;
        background: #f2f2f2;
    }

    .md-editor > .md-header {
        margin: 0;
    }

    .md-editor > .md-preview {
        border-top: 1px dashed #e5e5e5;
        border-bottom: 1px dashed #e5e5e5;
        min-height: 10px;
        overflow: auto;
    }

    .md-editor > textarea {
        outline: 0;
        outline: thin dotted \9;
        margin: 0;
        display: block;
        padding: 10px;
        width: 100%;
        border: 0;
        border-top: 1px dashed #e5e5e5;
        border-bottom: 1px dashed #e5e5e5;
        background: #fff;
    }

    .md-editor .btn {
        border: 1px solid #e5e5e5;
        background: #fff;
    }

        .md-editor .btn.btn-primary {
            background: #4e72c2;
            border-color: #4369be;
        }

        .md-editor .btn .fa {
            font-size: 14px;
        }

        .md-editor .btn [class*=" fa-"], .md-editor .btn [class^=fa-], .md-editor .btn [class*=" glyphicon-"], .md-editor .btn [class^=glyphicon-] {
            margin-right: 0;
        }

    .md-editor .md-controls {
        float: right;
        padding: 3px;
    }

        .md-editor .md-controls .md-control {
            right: 5px;
            color: #bebebe;
            padding: 3px 3px 3px 10px;
        }

            .md-editor .md-controls .md-control:hover {
                color: #333;
            }

    .md-editor.md-fullscreen-mode {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99999;
        padding: 60px 30px 15px;
        background: #fff !important;
        border: 0 !important;
    }

        .md-editor.md-fullscreen-mode .md-footer {
            display: none;
        }

        .md-editor.md-fullscreen-mode .md-input, .md-editor.md-fullscreen-mode .md-preview {
            margin: 0 auto !important;
            height: 100% !important;
            font-size: 20px !important;
            padding: 20px !important;
            color: #999;
            line-height: 1.6em !important;
            resize: none !important;
            box-shadow: none !important;
            background: #fff !important;
            border: 0 !important;
        }

        .md-editor.md-fullscreen-mode .md-preview {
            color: #333;
            overflow: auto;
        }

        .md-editor.md-fullscreen-mode .md-input:hover, .md-editor.md-fullscreen-mode .md-input:focus {
            color: #333;
            background: #fff !important;
        }

        .md-editor.md-fullscreen-mode .md-header {
            background: 0 0;
            text-align: center;
            position: fixed;
            width: 100%;
            top: 20px;
        }

        .md-editor.md-fullscreen-mode .btn-group {
            float: none;
        }

        .md-editor.md-fullscreen-mode .btn {
            border: 0;
            background: 0 0;
            color: #b3b3b3;
        }

            .md-editor.md-fullscreen-mode .btn:hover, .md-editor.md-fullscreen-mode .btn:focus, .md-editor.md-fullscreen-mode .btn.active, .md-editor.md-fullscreen-mode .btn:active {
                box-shadow: none;
                color: #333;
            }

        .md-editor.md-fullscreen-mode .md-fullscreen-controls {
            position: absolute;
            top: 20px;
            right: 20px;
            text-align: right;
            z-index: 1002;
            display: block;
        }

            .md-editor.md-fullscreen-mode .md-fullscreen-controls a {
                color: #b3b3b3;
                clear: right;
                margin: 10px;
                width: 30px;
                height: 30px;
                text-align: center;
            }

                .md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover {
                    color: #333;
                    text-decoration: none;
                }

        .md-editor.md-fullscreen-mode .md-editor {
            height: 100% !important;
            position: relative;
        }

    .md-editor .md-fullscreen-controls {
        display: none;
    }

.md-nooverflow {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

.editable-container .popover-title {
    color: #222;
    line-height: 18px !important;
}

.editable-click, a.editable-click {
    border-bottom: 1px dashed #e5e5e5;
    cursor: pointer;
    font-weight: 400;
}

img.editable-click, imga.editable-click {
    border: 1px dotted #e5e5e5;
}

.editable-click:hover, a.editable-click:hover {
    border-color: #4e72c2;
}

img.editable-click:hover, imga.editable-click:hover {
    opacity: .75;
    filter: alpha(opacity=75);
}

.editable-buttons, .editable-input {
    display: inline-block;
}

    .editable-buttons .btn {
        margin: 0 2px 0 0;
    }

        .editable-buttons .btn > [class*=fa-] {
            margin: 0;
        }

.editable-clear-x {
    cursor: pointer;
    color: #999;
    background: 0 0;
}

    .editable-clear-x:hover {
        color: #bd362f;
    }

    .editable-clear-x:before {
        display: inline-block;
        content: "\f057";
        font-family: FontAwesome;
        font-size: 15px;
        position: absolute;
        margin-top: -9px;
        width: 16px;
        height: 30px;
        line-height: 30px;
        text-align: center;
    }

.editable-input .spinner {
    margin-right: 8px;
}

.editable-inline .editable-slider {
    margin-top: 10px;
    margin-right: 4px;
}

.editable-popup .editable-slider {
    display: block;
    margin-bottom: 16px;
    margin-top: 4px;
}

.editable-slider input {
    display: none;
}

.editable-input .file-input {
    display: block;
}

.editable-image .file-multiple label.selected {
    border-color: transparent;
}

.editable-image + .editable-buttons, .editable-wysiwyg + .editable-buttons {
    display: block;
    text-align: center;
    margin-top: 8px;
}

.editable-wysiwyg .wysiwyg-editor {
    height: auto;
    overflow-y: hidden;
}

.editableform .input-append.dropdown-menu {
    display: none;
}

.editableform .open .input-append.dropdown-menu {
    display: block;
}

.editable-container .editableform {
    margin-bottom: 10px;
}

.editable-inline .editableform {
    margin-bottom: 0;
}

.editableform-loading {
    background: 0 0;
}

    .editableform-loading [class*=fa-], .editableform-loading .progress {
        position: relative;
        top: 35%;
    }

.datepicker table {
    width: 100%;
}

.datepicker.datepicker-inline {
    width: 100%;
    padding: 0;
    margin: 0 0 15px;
}

.datepicker td, .daterangepicker td, .datetimepicker td, .datepicker th, .daterangepicker th, .datetimepicker th {
    border-radius: 0 !important;
}

    .datepicker td.active, .daterangepicker td.active, .datetimepicker td.active, .datepicker td.active:hover, .daterangepicker td.active:hover, .datetimepicker td.active:hover {
        background: #4e72c2 !important;
        color: #fff !important;
        text-shadow: none !important;
        border: 0 none !important;
    }

        .datepicker td.active.disabled, .daterangepicker td.active.disabled, .datetimepicker td.active.disabled, .datepicker td.active.disabled:hover, .daterangepicker td.active.disabled:hover, .datetimepicker td.active.disabled:hover {
            background: #f2f2f2 !important;
        }

.datepicker-months .month, .datepicker-years .year {
    border-radius: 0 !important;
}

    .datepicker-months .month.active, .datepicker-years .year.active, .datepicker-months .month.active:hover, .datepicker-years .year.active:hover, .datepicker-months .month.active:focus, .datepicker-years .year.active:focus, .datepicker-months .month.active:active, .datepicker-years .year.active:active {
        background-image: none !important;
        background-color: #4e72c2 !important;
        border: 0 none !important;
        color: #fff !important;
        text-shadow: none !important;
    }

.datepicker thead th.dow, .datetimepicker thead th.dow {
    background: #4e72c2;
    color: #fff;
}

.well .datepicker table tr td.day:hover {
    background-color: #999;
    color: #fff;
}

.jvectormap-label {
    position: absolute;
    display: none;
    border: 1px solid #eee;
    background: #4e72c2;
    opacity: .95;
    filter: alpha(opacity=95);
    color: #fff;
    font-size: 10px !important;
    padding: 3px;
    z-index: 9999;
}

.jvectormap-zoomin, .jvectormap-zoomout {
    position: absolute;
    left: 10px;
    background: #4e72c2;
    padding: 5px;
    color: #fff;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
    font-weight: 700;
}

.jvectormap-zoomin {
    top: 10px;
}

.jvectormap-zoomout {
    top: 35px;
}

.wysiwyg-editor {
    max-height: 250px;
    height: 250px;
    background-color: #fff;
    border-collapse: separate;
    border: 1px solid #e5e5e5;
    padding: 4px;
    box-sizing: content-box;
    overflow-y: scroll;
    overflow-x: hidden;
    outline: 0;
}

    .wysiwyg-editor:focus {
        background-color: #fff;
    }

.wysiwyg-toolbar {
    line-height: 33px;
    position: relative;
}

    .wysiwyg-toolbar .dropdown-menu {
        text-align: left;
    }

    .wysiwyg-toolbar .btn-group {
        float: none !important;
        font-size: 0;
    }

        .wysiwyg-toolbar .btn-group > .btn {
            float: none;
            padding-left: 0;
            padding-right: 0;
            text-align: center;
            margin-left: 1px;
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
        }

            .wysiwyg-toolbar .btn-group > .btn > .fa, .wysiwyg-toolbar .btn-group > .btn .glyphicon {
                margin: 0 4px;
            }

                .wysiwyg-toolbar .btn-group > .btn > .fa:first-child, .wysiwyg-toolbar .btn-group > .btn .glyphicon:first-child {
                    font-size: 14px;
                    width: 25px;
                    max-width: 25px;
                    display: inline-block;
                    border-width: 1px !important;
                }

            .wysiwyg-toolbar .btn-group > .btn.dropdown-toggle > .fa:last-child, .wysiwyg-toolbar .btn-group > .btn.dropdown-toggle > .glyphicon:last-child {
                margin-right: 4px;
            }

.editor-style1 {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-bottom: 0 none;
}

    .editor-style1 .btn-group > .btn, .editor-style2 .btn-group > .btn, .editor-style1 .btn-group > .inline > .btn, .editor-style2 .btn-group > .inline > .btn {
        margin: 0 !important;
        background: #fff !important;
        border-width: 0 !important;
        text-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

        .editor-style1 .btn-group > .btn.active, .editor-style2 .btn-group > .btn.active, .editor-style1 .btn-group > .inline > .btn.active, .editor-style2 .btn-group > .inline > .btn.active {
            color: #4e72c2 !important;
        }

            .editor-style1 .btn-group > .btn.active:after, .editor-style2 .btn-group > .btn.active:after, .editor-style1 .btn-group > .inline > .btn.active:after, .editor-style2 .btn-group > .inline > .btn.active:after {
                display: none;
            }

    .editor-style1 .btn-group, .editor-style2 .btn-group {
        position: relative;
    }

        .editor-style1 .btn-group:after, .editor-style2 .btn-group:after {
            display: block;
            content: "";
            position: absolute;
            left: -2px;
            top: 6px;
            bottom: 6px;
            width: 0;
            max-width: 0;
            border-left: 1px solid #e5e5e5;
        }

        .editor-style1 .btn-group:first-child:after, .editor-style2 .btn-group:first-child:after {
            display: none;
        }

    .editor-style1.wysiwyg-toolbar, .editor-style2.wysiwyg-toolbar {
        margin: 0 !important;
    }

.editor-style2 {
    background-color: #f2f2f2;
    border: 1px solid #e5e5e5;
    border-bottom: 0 none;
}

    .editor-style2 + .wysiwyg-editor {
        border-color: #e5e5e5;
        background-color: #fff;
    }

    .editor-style2 .btn-group > .btn, .editor-style2 .btn-group > .inline > .btn {
        margin: 0 1px 0 0 !important;
        background: #fff !important;
        border: 1px solid #e5e5e5 !important;
        text-shadow: none !important;
    }

        .editor-style2 .btn-group > .btn.active, .editor-style2 .btn-group > .inline > .btn.active {
            color: #4e72c2 !important;
        }

            .editor-style2 .btn-group > .btn.active:after, .editor-style2 .btn-group > .inline > .btn.active:after {
                display: none;
            }

    .editor-style2 .btn-group:after {
        display: none;
    }

.wysiwyg-toolbar .btn-colorpicker {
    width: 24px;
    height: 24px;
    position: relative;
    background: #4e72c2;
    background: -moz-linear-gradient(top,#cf3e73 10%,#fff 20%,#2283c5 30%,#fff 40%,#87b87f 50%,#fff 60%,#ffb752 70%,#fff 80%,#d15b47 90%,#fff 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(10%,#cf3e73),color-stop(20%,#fff),color-stop(30%,#2283c5),color-stop(40%,#fff),color-stop(50%,#87b87f),color-stop(60%,#fff),color-stop(70%,#ffb752),color-stop(80%,#fff),color-stop(90%,#d15b47),color-stop(100%,#fff));
    background: -webkit-linear-gradient(top,#cf3e73 10%,#fff 20%,#2283c5 30%,#fff 40%,#87b87f 50%,#fff 60%,#ffb752 70%,#fff 80%,#d15b47 90%,#fff 100%);
    background: -o-linear-gradient(top,#cf3e73 10%,#fff 20%,#2283c5 30%,#fff 40%,#87b87f 50%,#fff 60%,#ffb752 70%,#fff 80%,#d15b47 90%,#fff 100%);
    background: -ms-linear-gradient(top,#cf3e73 10%,#fff 20%,#2283c5 30%,#fff 40%,#87b87f 50%,#fff 60%,#ffb752 70%,#fff 80%,#d15b47 90%,#fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CF3E73', endColorstr='#FFB752', GradientType=0);
    background: linear-gradient(top,#cf3e73 10%,#fff 20%,#2283c5 30%,#fff 40%,#87b87f 50%,#fff 60%,#ffb752 70%,#fff 80%,#d15b47 90%,#fff 100%);
}

.wysiwyg-toolbar .dropdown-colorpicker > .dropdown-menu {
    top: auto;
}

.wysiwyg-toolbar input[type=file] {
    position: fixed;
    z-index: -10;
    opacity: 0;
    max-width: 0;
    max-height: 0;
    display: block;
}

.wysiwyg-toolbar .wysiwyg-choose-file {
    display: inline-block;
    width: auto;
    margin: 4px auto 0;
    padding-left: 5px;
    padding-right: 5px;
}

.wysiwyg-toolbar .dropdown-menu input[type=text] {
    margin-left: 8px;
    margin-bottom: 0;
}

    .wysiwyg-toolbar .dropdown-menu input[type=text].form-control {
        min-width: 150px;
    }

.wysiwyg-toolbar .dropdown-menu .btn {
    margin-right: 8px;
    margin-left: 8px;
}

.editor-style1 .btn-colorpicker {
    width: 20px;
    height: 20px;
    margin-left: 4px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .wysiwyg-editor img {
        display: inline !important;
    }

    .wysiwyg-editor .ui-wrapper {
        border: 1px dotted #D00;
        overflow: visible !important;
        display: inline-block !important;
        vertical-align: middle;
    }

        .wysiwyg-editor .ui-wrapper:after {
            content: "";
            display: block;
            position: absolute;
            right: -3px;
            bottom: -3px;
            width: 7px;
            height: 7px;
            border: 1px solid #D00;
            background-color: #fff;
            z-index: 1;
        }
}

.dd {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    max-width: 600px;
    list-style: none;
    line-height: 20px;
}

.dd-list {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .dd-list .dd-list {
        padding-left: 30px;
    }

.dd-collapsed .dd-list {
    display: none;
}

.dd-item, .dd-empty, .dd-placeholder {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    line-height: 20px;
}

.dd-handle, .dd2-content {
    display: block;
    min-height: 38px;
    margin: 5px 0;
    padding: 8px 12px;
    border: 1px solid #e5e5e5;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .dd-handle[class*=btn-], .dd2-content[class*=btn-] {
        border: 0;
    }

        .dd-handle[class*=btn-].btn-white, .dd2-content[class*=btn-].btn-white, .dd-handle[class*=btn-].btn-default, .dd2-content[class*=btn-].btn-default {
            border: 1px solid #e5e5e5;
        }

    .dd-handle:hover.btn-default, .dd2-content:hover.btn-default {
        background: #fafafa;
    }

.dd2-handle + .dd2-content, .dd2-handle + .dd2-content[class*=btn-] {
    padding-left: 44px;
}

.dd-item > button:hover ~ .dd-handle[class*=btn-], .dd-item > button:hover ~ .dd2-content[class*=btn-] {
    opacity: 1;
    filter: alpha(opacity=100);
}

.dd2-handle:hover ~ .dd2-content[class*=btn-] {
    opacity: 1;
    filter: alpha(opacity=100);
}

.dd2-item.dd-item > button {
    margin-left: 34px;
}

.dd-item > button {
    display: block;
    position: relative;
    z-index: 1;
    cursor: pointer;
    float: left;
    width: 25px;
    height: 20px;
    margin: 5px 1px 5px 5px;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
    background: 0 0;
    line-height: 1;
    text-align: center;
    font-weight: 700;
    top: 4px;
    left: 1px;
    outline: 0 none !important;
}

    .dd-item > button:before {
        font-family: FontAwesome;
        content: '\f067';
        display: block;
        position: absolute;
        width: 100%;
        text-align: center;
        text-indent: 0;
        font-weight: 400;
    }

    .dd-item > button[data-action=collapse]:before {
        content: '\f068';
    }

    .dd-item > button:hover {
        color: #4e72c2;
    }

.dd-item.dd-colored > button, .dd-item.dd-colored > button:hover {
    color: #fff;
}

.dd-placeholder, .dd-empty {
    margin: 5px 0;
    padding: 0;
    min-height: 30px;
    background: #f2f2f2;
    border: 2px dashed #e5e5e5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dd-empty {
    border-color: #e5e5e5;
    border-style: solid;
    background-color: #f2f2f2;
}

.dd-dragel {
    position: absolute;
    pointer-events: none;
    z-index: 999;
    opacity: 1;
    filter: alpha(opacity=100);
}

    .dd-dragel > li > .dd-handle {
        opacity: 1;
        filter: alpha(opacity=100);
        position: relative;
    }

    .dd-dragel > .dd-item > .dd-handle {
        margin-top: 0;
    }

.dd-list > li[class*=item-] {
    border-width: 0;
    padding: 0;
}

    .dd-list > li[class*=item-] > .dd-handle {
        border-left: 2px solid;
        border-left-color: inherit;
    }

.dd-list > li > .dd-handle .sticker {
    position: absolute;
    right: 0;
    top: 0;
}

.dd2-handle, .dd-dragel > li > .dd2-handle {
    left: 0;
    top: 0;
    width: 36px;
    margin: 0;
    border-width: 1px 1px 0 0;
    text-align: center;
    padding: 0 !important;
    line-height: 38px;
    height: 38px;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    z-index: 1;
}

    .dd2-handle[class*=btn-] {
        border-right: 1px solid #e5e5e5;
    }

.dd-dragel .dd2-handle[class*=btn-] {
    border-color: transparent;
    border-right-color: #e5e5e5;
}

.dd-item > .dd2-handle .drag-icon {
    display: none;
}

.dd-dragel > .dd-item > .dd2-handle .drag-icon {
    display: inline;
}

.dd-dragel > .dd-item > .dd2-handle .normal-icon {
    display: none;
}

.select2-container.form-control {
    border: 0;
    height: auto !important;
    padding: 0;
}

.form-control .select2-choice {
    border: 1px solid #e5e5e5;
    background-color: #fff;
    background-image: none;
    filter: none;
    padding: 3px 0 0 12px;
    border-radius: 0;
}

.select2-container .select2-choice {
    border-radius: 0;
    height: 34px;
    line-height: 28px;
}

.select2-container.select2-drop-above .select2-choice {
    border-radius: 0;
}

.select2-container[class*=input-] {
    max-width: none;
}

.select2-container .select2-choice abbr, .select2-search-choice-close {
    background: 0 0;
}

    .select2-container .select2-choice abbr:before, .select2-search-choice-close:before {
        font-family: FontAwesome;
        font-size: 12px;
        display: inline;
        content: "\f00d";
        color: #686868;
        position: relative;
        top: -1px;
    }

    .select2-container .select2-choice abbr:hover:before, .select2-search-choice-close:hover:before {
        color: #555;
    }

    .select2-container .select2-choice abbr:before {
        top: -7px;
    }

    .select2-search-choice-close:hover {
        text-decoration: none !important;
    }

.select2-drop {
    border-radius: 0;
    border: 1px solid #e5e5e5;
    border-width: 0 1px 3px;
    color: #686868;
}

    .select2-drop.select2-drop-above {
        border-radius: 0;
        border-color: #e5e5e5 !important;
    }

.select2-container .select2-choice {
    background: #fff none;
}

.select2-container-active .select2-choice, .select2-container-active .select2-choices, .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices, .select2-container-multi.select2-container-active .select2-choices {
    border-color: #e5e5e5;
}

.select2-results .select2-highlighted {
    background: #4e72c2;
}

.select2-container .select2-choice .select2-arrow {
    border-radius: 0;
    background: transparent none;
    border: 0;
}

    .select2-container .select2-choice .select2-arrow b {
        background: 0 0;
    }

        .select2-container .select2-choice .select2-arrow b:before {
            font-family: FontAwesome;
            display: inline;
            content: "\f107";
            color: #686868;
            position: relative;
            left: 0;
        }

.select2-dropdown-open .select2-choice .select2-arrow b:before {
    content: "\f106";
}

.select2-search .select2-input {
    background: #fff none;
    margin-top: 4px;
}

.select2-search:after {
    font-family: FontAwesome;
    font-size: 14px;
    display: inline;
    content: "\f002";
    color: #686868;
    position: relative;
    top: 0;
    left: -20px;
    z-index: 0;
}

.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices {
    background-image: none;
    background-color: #fff;
}

.select2-container-multi .select2-choices {
    border-color: #e5e5e5;
    background-image: none;
}

    .select2-container-multi .select2-choices .select2-search-field input {
        border: 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        background: none !important;
        font-size: 13px;
    }

    .select2-container-multi .select2-choices .select2-search-choice {
        line-height: 16px;
        padding-bottom: 4px;
    }

.select2-container-active .select2-choice, .select2-container-active .select2-choices, .select2-container-multi.select2-container-active .select2-choices, .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.select2-search input.select2-active {
    background-color: #fff;
    position: relative;
    z-index: 1;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi) {
    .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice div b {
        background-image: none !important;
        background-size: auto !important;
    }

    .select2-search input {
        background-position: auto !important;
    }
}

.form-group.has-error .select2-choice, .form-group.has-error .select2-choices {
    border-color: #ce838f !important;
}

.form-group.has-info .select2-choice, .form-group.has-info .select2-choices {
    border-color: #70cee1 !important;
}

.form-group.has-warning .select2-choice, .form-group.has-warning .select2-choices {
    border-color: #f0c670 !important;
}

.form-group.has-success .select2-choice, .form-group.has-success .select2-choices {
    border-color: #a1cd7c !important;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi) {
    .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b {
        background-image: none !important;
        background-repeat: no-repeat !important;
        background-size: auto !important;
    }

    .select2-search input {
        background-position: auto !important;
    }
}

.select2-container-multi.tag-input-style .select2-choices .select2-search-choice {
    background-image: none;
    background-color: #4e72c2;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 3px;
    margin-right: 0;
    padding: 6px 22px 7px 9px;
    position: relative;
    transition: all .2s ease 0s;
    vertical-align: baseline;
    white-space: nowrap;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

    .select2-container-multi.tag-input-style .select2-choices .select2-search-choice .select2-search-choice-close {
        position: absolute;
        top: 1px;
        bottom: 0;
        right: 0;
        left: auto;
        width: 18px;
        height: auto;
        line-height: 25px;
        text-align: center;
    }

        .select2-container-multi.tag-input-style .select2-choices .select2-search-choice .select2-search-choice-close:before {
            color: #fff;
            position: static;
            font-size: 11px;
        }

        .select2-container-multi.tag-input-style .select2-choices .select2-search-choice .select2-search-choice-close:hover {
            background-color: rgba(0,0,0,.2);
        }

            .select2-container-multi.tag-input-style .select2-choices .select2-search-choice .select2-search-choice-close:hover:before {
                color: #FFF;
            }

.modal-open .select2-drop-mask {
    z-index: 10051;
}

.modal-open .select2-drop {
    z-index: 10052;
}

.modal-open .select2-search {
    z-index: 10053;
}

.colorpicker-saturation {
    width: 100px;
    height: 100px;
    background-image: url(../../images/saturation.png);
    cursor: crosshair;
    float: left;
}

    .colorpicker-saturation i {
        display: block;
        height: 5px;
        width: 5px;
        border: 1px solid #000;
        border-radius: 0;
        position: absolute;
        top: 0;
        left: 0;
        margin: -4px 0 0 -4px;
    }

        .colorpicker-saturation i b {
            display: block;
            height: 5px;
            width: 5px;
            border: 1px solid #fff;
            border-radius: 0;
        }

.colorpicker-hue, .colorpicker-alpha {
    width: 15px;
    height: 100px;
    float: left;
    cursor: row-resize;
    margin-left: 4px;
    margin-bottom: 4px;
}

    .colorpicker-hue i, .colorpicker-alpha i {
        display: block;
        height: 1px;
        background: #000;
        border-top: 1px solid #fff;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        margin-top: -1px;
    }

.colorpicker-hue {
    background-image: url(../../images/hue.png);
}

.colorpicker-alpha {
    background-image: url(../../images/alpha.png);
    display: none;
}

.colorpicker {
    top: 0;
    left: 0;
    padding: 4px;
    min-width: 120px;
    margin-top: 1px;
    border-radius: 4px;
}

    .colorpicker:before, .colorpicker:after {
        content: " ";
        display: table;
    }

    .colorpicker:after {
        clear: both;
    }

    .colorpicker:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-bottom-color: rgba(0,0,0,.2);
        position: absolute;
        top: -7px;
        left: 6px;
    }

    .colorpicker:after {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        position: absolute;
        top: -6px;
        left: 7px;
    }

    .colorpicker div {
        position: relative;
    }

    .colorpicker.alpha {
        min-width: 140px;
    }

        .colorpicker.alpha .colorpicker-alpha {
            display: block;
        }

.colorpicker-color {
    height: 10px;
    margin-top: 5px;
    clear: both;
    background-image: url(../../images/alpha.png);
    background-position: 0 100%;
}

    .colorpicker-color div {
        height: 10px;
    }

.input-append.color .add-on i, .input-prepend.color .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.easy-pie-chart {
    position: relative;
    display: inline-block;
    text-align: center;
}

    .easy-pie-chart canvas {
        position: absolute;
        top: 0;
        left: 0;
    }

    .easy-pie-chart .percent {
        display: inline-block;
        z-index: 2;
    }

        .easy-pie-chart .percent:after {
            content: "%";
            margin-left: .1em;
        }

    .easy-pie-chart .number, .easy-pie-chart .icon {
        display: inline-block;
        z-index: 2;
    }

    .easy-pie-chart a.title {
        display: block;
        text-align: center;
        font-size: 13px 1;
        color: #555;
        margin-top: 5px;
        margin-bottom: 10px;
        white-space: nowrap;
    }

        .easy-pie-chart a.title:hover, .easy-pie-chart a.title:focus, .easy-pie-chart a.title:active {
            text-decoration: none;
        }

        .easy-pie-chart a.title:after {
            content: "\f101";
            margin-left: 4px;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: 400;
            color: #4e72c2;
        }

.rating-input .rating-clear {
    text-decoration: none;
}

.sparkline-chart {
    margin-top: 10px;
}

    .sparkline-chart a.title {
        display: block;
        text-align: center;
        font-size: 14px;
        color: #555;
        margin-top: 5px;
        margin-bottom: 10px;
        white-space: nowrap;
    }

        .sparkline-chart a.title:hover, .sparkline-chart a.title:focus, .sparkline-chart a.title:active {
            text-decoration: none;
        }

        .sparkline-chart a.title:after {
            content: "\f101";
            margin-left: 4px;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: 400;
            color: #4e72c2;
        }

.jqstooltip {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.profile-pic {
    display: block;
    padding: 3px;
    border: 1px solid #f2f2f2;
    background: #fff;
    margin-bottom: 5px;
}

    .profile-pic img {
        width: 100%;
        max-width: 100%;
    }

    .profile-pic :after, .profile-pic :before {
        content: "";
        height: 4px;
        position: absolute;
        right: 0;
        top: -5px;
    }

    .profile-pic :before {
        border-left: 35px solid #72af46;
        border-right: 34px solid #466baf;
        margin: 0 30px 0 0;
    }

    .profile-pic :after {
        border-left: 34px solid #4e72c2;
        border-right: 35px solid #414141;
        margin: 0 99px 0 0;
    }

ul.wysihtml5-toolbar li {
    margin: 0 5px 5px 0;
}

ul.wysihtml5-toolbar .btn {
    background: #fff;
    color: baseFontcolor;
    border-color: #e5e5e5;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    ul.wysihtml5-toolbar .btn .fa, ul.wysihtml5-toolbar .btn .glyphicon {
        font-size: 14px;
        color: #4e72c2;
    }

ul.wysihtml5-toolbar a.btn.wysihtml5-command-active {
    background: #4e72c2;
    color: #fff;
}

    ul.wysihtml5-toolbar a.btn.wysihtml5-command-active .fa, ul.wysihtml5-toolbar a.btn.wysihtml5-command-active .glyphicon {
        color: #fff;
    }

.slimScrollBar {
    border-radius: 0 !important;
    background-color: #4e72c2 !important;
}

.slimScrollRail {
    border-radius: 0 !important;
}

.morris-hover.morris-default-style {
    background: #4e72c2;
    opacity: .95;
    filter: alpha(opacity=95);
}

.morris-hover-row-label, .morris-hover-point {
    color: #fff !important;
}

.morris-hover.morris-default-style {
    padding: 0 10px 5px;
    border: 0 none;
    border-radius: 0;
}

.chart-holder {
    overflow: hidden;
    position: relative;
    width: 100% !important;
}

    .chart-holder > svg {
        width: 100% !important;
    }

td.legendColorBox {
    padding-right: 4px;
}

    td.legendColorBox > div {
        border: 1px solid #e5e5e5 !important;
    }

.quick-list a {
    color: #686868;
}

    .quick-list a:hover, .quick-list a:focus, .quick-list a:active {
        text-decoration: none;
    }

.quick-list .media {
    position: relative;
    padding: 7.5px 10px;
    margin-top: 5px;
    border-bottom: 1px dotted #e5e5e5;
}

    .quick-list .media .media-body {
        font-weight: 600;
        color: #4e72c2;
    }

        .quick-list .media .media-body small {
            font-weight: 400;
            color: #686868;
        }

    .quick-list .media img {
        border: 2px solid #4e72c2;
    }

    .quick-list .media > .tools {
        position: absolute;
        right: 10px;
        bottom: 10px;
        display: none;
    }

    .quick-list .media:hover {
        background: #F5F5F5;
    }

        .quick-list .media:hover > .tools {
            display: inline-block;
        }

.pace .pace-progress {
    background: #4e72c2;
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    height: 3px;
    -webkit-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s;
}

.pace-inactive {
    display: none;
}

.widget {
    margin-bottom: 15px;
    position: relative;
    border: 1px solid #e5e5e5;
}

    .widget .body {
        min-height: 100px;
        height: auto;
        color: inherit;
        padding: 15px;
        overflow: hidden;
        position: relative;
        font-size: 13px;
    }

        .widget .body h1, .widget .body h2, .widget .body h3, .widget .body h4, .widget .body p:last-child {
            margin: 0;
        }

        .widget .body a, .widget .body a:hover, .widget .body a:focus, .widget .body a:active {
            color: inherit;
            text-decoration: none;
        }

        .widget .body .background-icon-right [class*=fa-], .widget .body .background-icon-right [class*=glyphicon-], .widget .body .background-icon-left [class*=fa-], .widget .body .background-icon-left [class*=glyphicon-] {
            font-size: 7.5em;
            position: absolute;
            opacity: .1;
            filter: alpha(opacity=10);
        }

        .widget .body .background-icon-left [class*=fa-], .widget .body .background-icon-left [class*=glyphicon-] {
            top: -15px;
            left: -15px;
        }

        .widget .body .background-icon-right [class*=fa-], .widget .body .background-icon-right [class*=glyphicon-] {
            top: -15px;
            right: -15px;
        }

#colorbox:focus, #colorbox:active {
    outline: 0;
}

#cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight {
    background: none !important;
    opacity: 0;
}

#cboxContent {
    border: 12px solid #222;
    background-color: #fff;
    padding: 7px;
}

#cboxOverlay {
    background: rgba(0,0,0,.95);
    background: #000;
}

#cboxCurrent {
    left: 64px;
    margin-bottom: 4px;
    font-size: 14px;
}

#cboxTitle {
    margin-bottom: 4px;
    font-size: 14px;
    color: #555;
}

#cboxNext, #cboxPrevious, #cboxClose {
    background: 0 0;
    text-indent: 0;
    width: 26px;
    height: 26px;
    line-height: 22px;
    padding: 0 4px;
    text-align: center;
    border: 2px solid #f2f2f2;
    border-radius: 16px;
    color: #666;
    font-size: 12px;
    margin-left: 5px;
    margin-bottom: 5px;
}

    #cboxNext:hover, #cboxPrevious:hover {
        color: #555;
        border-color: #e5e5e5;
    }

#cboxContent {
    overflow: visible;
}

#cboxClose {
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 32px;
    color: #fff;
    font-size: 21px;
    height: 28px;
    width: 28px;
    padding-bottom: 2px;
    margin-left: 0;
    right: -14px;
    top: -14px;
}

#cboxLoadingOverlay {
    background: none !important;
}

#cboxLoadingGraphic {
    background: #fff none !important;
    text-align: center;
}

    #cboxLoadingGraphic > [class*=fa-] {
        display: inline-block;
        background-color: #fff;
        border-radius: 8px;
        width: 32px;
        height: 32px;
        position: relative;
        top: 48%;
        text-align: center;
        vertical-align: middle;
        font-size: 24px;
        color: #ab7a4b;
    }

.daterangepicker .ranges li {
    color: #999;
    border-radius: 0;
}

    .daterangepicker .ranges li:hover, .daterangepicker .ranges li.active {
        background: #4e72c2;
        border: 1px solid transparent;
    }

.daterangepicker .calendar-date {
    border-radius: 0;
}

.paper-clip {
    display: none;
}

@media (min-width:992px) {
    .paper-clip {
        width: 60px;
        height: 85px;
        background: url(../../images/paper-clip.png) repeat scroll 0 0 transparent;
        position: absolute;
        top: -14px;
        right: -13px;
        display: block;
    }
}

.select2-container-multi .select2-choices .select2-search-choice {
    border: 1px solid #e5e5e5;
    background-color: #fff;
}

.ribbon-wrapper {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    right: -3px;
}

    .ribbon-wrapper .ribbon {
        display: block;
        font-size: 15px;
        color: #fff;
        text-align: center;
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        position: relative;
        padding: 7px 0;
        left: -5px;
        top: 15px;
        width: 120px;
        line-height: 20px;
        background-color: rgba(0,0,0,.7);
        -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
        box-shadow: 0 0 3px rgba(0,0,0,.3);
    }

    .ribbon-wrapper.small {
        width: 65px;
        height: 68px;
    }

        .ribbon-wrapper.small .ribbon {
            width: 90px;
            padding: 0;
            font-size: 13px;
        }

.profile-card {
    width: 100%;
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
    color: #999;
    text-align: center;
}

    .profile-card .animate {
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .profile-card > img {
        width: 100px;
        padding: 1px;
        background: rgba(0,0,0,.5);
    }

    .profile-card .profile-card-details {
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: -100%;
        left: 0;
        padding: 0 15px;
    }

        .profile-card .profile-card-details .profile-card-header {
            width: 100%;
            height: 100%;
            height: auto;
            position: absolute;
            bottom: -100%;
            bottom: 100%;
            left: 0;
            padding: 10px 5px;
            background: rgba(0,0,0,.7);
        }

            .profile-card .profile-card-details .profile-card-header h4, .profile-card .profile-card-details .profile-card-header span {
                margin: 0;
                padding: 0;
            }

        .profile-card .profile-card-details .profile-card-detail .social {
            list-style: none;
            padding: 0;
            margin-top: 25px;
        }

            .profile-card .profile-card-details .profile-card-detail .social li {
                padding: 0;
                display: inline-block;
            }

        .profile-card .profile-card-details::-webkit-scrollbar {
            width: 8px;
        }

        .profile-card .profile-card-details::-webkit-scrollbar-button {
            width: 8px;
            height: 0;
        }

        .profile-card .profile-card-details::-webkit-scrollbar-track {
            background: 0 0;
        }

        .profile-card .profile-card-details::-webkit-scrollbar-thumb {
            background: 0 0;
        }

            .profile-card .profile-card-details::-webkit-scrollbar-thumb:hover {
                background: 0 0;
            }

    .profile-card:hover .profile-card-details {
        bottom: 0;
        overflow: auto;
        padding-bottom: 15px;
        background: rgba(0,0,0,.7);
    }

        .profile-card:hover .profile-card-details .profile-card-header {
            position: relative;
            bottom: 0;
            padding-top: 45px;
            padding-bottom: 25px;
            background: 0 0;
        }

.tc-box {
    margin-bottom: 15px;
}

    .tc-box a, .tc-box:hover, .tc-box:active, .tc-box:focus {
        text-decoration: none !important;
    }

    .tc-box .media {
        padding: 10px 0;
    }

        .tc-box .media .pull-left {
            margin-right: 0;
        }

    .tc-box .border-right {
        border-right: 1px dotted #e5e5e5;
    }

@media (max-width:992px) {
    .tc-box .border-right {
        border-right: 1px dotted transparent;
        border-bottom: 1px dotted #e5e5e5;
    }
}

.tc-box .media-body {
    padding-right: 10px;
    padding-left: 10px;
}

.tc-box .icon-box {
    font-size: 26px;
    width: 50px;
    height: 50px;
    line-height: 45px;
    border: 2px solid #e5e5e5;
    border-radius: 100%;
    margin: 0 auto;
    text-align: center;
    color: #999;
    padding-right: 0;
}

.tc-box:hover .icon-box, .tc-box:focus .icon-box {
    color: #fff;
    background: #4e72c2;
    border-color: #4e72c2;
}

.tc-box.no-hover .icon-box {
    border: 2px solid transparent;
}

.tc-box.no-hover:hover .icon-box, .tc-box.no-hover:focus .icon-box {
    background: 0 0;
    border-color: transparent;
}

    .tc-box.no-hover:hover .icon-box .fa, .tc-box.no-hover:focus .icon-box .fa, .tc-box.no-hover:hover .icon-box .glyphicon, .tc-box.no-hover:focus .icon-box .glyphicon {
        color: inherit;
    }

.tc-box.s2 {
    padding: 20px 15px;
    text-align: center;
    margin-bottom: 15px;
    background: #fff;
}

    .tc-box.s2 .icon-box {
        font-size: 26px;
        width: 50px;
        height: 50px;
        line-height: 45px;
        border: 2px solid #e5e5e5;
        border-radius: 100%;
        margin: 0 auto;
        color: #4e72c2;
    }

    .tc-box.s2:hover, .tc-box.s2:focus {
        color: #fff;
        background: #4e72c2;
    }

        .tc-box.s2:hover .icon-box, .tc-box.s2:focus .icon-box {
            border-color: #fff;
            color: #fff;
        }

.rollerblade-img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}

.rollerblade-drag {
    cursor: move;
}

.mini-search {
    position: absolute;
    right: 22px;
    line-height: 24px;
}

    .mini-search .form-search {
        margin-bottom: 0;
    }

    .mini-search .nav-search-input {
        border: 1px solid #e5e5e5;
        width: 0;
        max-width: 0;
        height: 28px !important;
        padding-top: 2px;
        padding-bottom: 2px;
        border-radius: 100% !important;
        z-index: 11;
        -webkit-transition: width ease .15s;
        -o-transition: width ease .15s;
        transition: width ease .15s;
    }

        .mini-search .nav-search-input + .dropdown-menu {
            min-width: 0;
            left: 0;
            right: 0;
        }

        .mini-search .nav-search-input:focus, .mini-search .nav-search-input:hover {
            border-color: #e5e5e5;
        }

    .mini-search .nav-search-icon {
        margin: 7px 5px !important;
        background-color: transparent;
    }

    .mini-search .input-icon input {
        padding-left: 18px !important;
    }

    .mini-search:focus .nav-search-input, .mini-search:hover .nav-search-input {
        border-color: #e5e5e5;
        border-radius: 4px !important;
        width: 152px;
        max-width: 152px;
    }

    .mini-search:focus .input-icon input, .mini-search:hover .input-icon input {
        padding-left: 23px !important;
    }
